인생 디벨로퍼

[기초 JAVA Script] 3-2강 비교 연산자 / 논리 연산자 본문

JAVA Script

[기초 JAVA Script] 3-2강 비교 연산자 / 논리 연산자

뫄뫙뫄 2023. 7. 16. 16:26
728x90
Index
   1. 비교 연산자 (숫자 맞히기 게임)
   2. 논리 연산자 (시간에 따른 메시지 표시)

1. 비교연산자 (숫자 맞히기 게임)

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<title>3-04_comparison</title>
<link href="../../_common/css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<div class="header-contents">
<h1>숫자 맞히기 게임</h1>
<h2>다양한 비교 연산자를 사용한다</h2>
</div><!-- /.header-contents -->
</header>
<div class="main-wrapper">
<section>
	
</section>
</div><!-- /.main-wrapper -->
<footer>JavaScript Samples</footer>
<script>
var number = Math.floor(Math.random() * 6);
var answer = parseInt(window.prompt('숫자 맞히기 게임. 0~5의 숫자를 입력하세요.'));
var message;
if(answer === number) {
	message = '정답!';
} else if(answer < number) {
	message = '땡! 더 큰 숫자입니다!';
} else if(answer > number) {
	message = '땡! 더 작은 숫자입니다!';
} else {
	message = '0~5의 숫자를 입력하세요.';
}
window.alert(message);
</script>
</body>
</html>
  • Math.random( ) : 무작위 숫자 생성 메소드
  • parseInt( ) : 문자열을 정수로 변환하는 메소드

숫자 입력.
0~5 사이 숫자를 입력했을때, 결과에 따라 다른 조건이 실행됨 (if / else if) 
0~5 사이가 아닌숫자(숫자가 아닌 문자 포함) 을 입력했을때. (else)

다양한 비교 연산자 사용

2. 논리 연산자 (시간에 따라 다른 메시지 표시)

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<title>3-05_logical</title>
<link href="../../_common/css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<div class="header-contents">
<h1>시간에 따라 다른 메시지 표시하기</h1>
<h2>두 가지 이상의 조건을 조합해서 하나의 조건 만들기</h2>
</div><!-- /.header-contents -->
</header>
<div class="main-wrapper">
<section>
	
</section>
</div><!-- /.main-wrapper -->
<footer>JavaScript Samples</footer>
<script>
var hour = new Date().getHours();

if(hour >= 19 && hour < 21) {
	window.alert('도시락 30% 할인!');
} else if(hour === 9 || hour === 15) {
	window.alert('도시락 하나 사면 하나 공짜!');
} else {
	window.alert('도시락 사세요');
}
</script>
</body>
</html>

???? 이 예제 코드는 로컬 date 로 시간을 받아와 조건을 걸었다 ???

확인하기 귀찮으니까 그냥 된다고 믿자.

  • a && b : a와 b 모두 true 일때 최종 결과가 true
  • a || b : a와 b 중 하나라도 true 일때 최종 결과가 true
  • ! a : a가 false 면 최종 결과가 true

(참고)

처음 만나는 자바스크립트 - 가노 스케하루 저자(글) · 김완섭 번역

 

728x90

'JAVA Script' 카테고리의 다른 글

[기초 JAVA Script] 3-4강 함수 / 사칙연산  (0) 2023.07.16
[기초 JAVA Script] 3-3강 반복문 for문 / while 문  (0) 2023.07.16
[기초 JAVA Script] 3-1강 자바 스크립트 조건 / if 문 사용  (0) 2023.07.16
[기초 JAVA Script] 2강 출력  (0) 2023.07.15
[기초 JAVA Script] 1강 자바스크립트란?  (0) 2023.07.15
'JAVA Script' Related Articles more