1) s01_operator
<title>산술연산자</title>
</head>
<body>
<script type="text/javascript">
var a = 5, b = 3, result;
result = a + b;
document.write('a + b = ' + result + '<br>');
result = a - b;
document.write('a - b = ' + result + '<br>');
result = a * b;
document.write('a * b = ' + result + '<br>');
result = a / b;
document.write('a / b = ' + result + '<br>');
result = a % b;
document.write('a % b = ' + result + '<br>');
</script>
</body>
</html>2) s02_operator
비교연산자 설명
x === y x와 y의 값과 타입이 같으면 true
x !== y x와 y의 값 또는 타입이 다르면 true<title>비교연산자</title>
</head>
<body>
<script type="text/javascript">
var a = 20, b = '20', result;
result = a == b; //값만 비교
document.write('a == b : ' + result + '<br>');
result = a === b; //갑과 타입 모두 비교
document.write('a === b : ' + result + '<br>');
result = a != b; //값만 비교
document.write('a != b : ' + result + '<br>');
result = a !== b; //값과 타입 모두 비교
document.write('a !== b : ' + result + '<br>');
result = a > b;
document.write('a > b : ' + result + '<br>');
result = a >= b;
document.write('a >= b : ' + result + '<br>');
result = a < b;
document.write('a < b : ' + result + '<br>');
result = a <= b;
document.write('a <= b : ' + result + '<br>');
</script>
</body>
</html>3) s03_operator
! 논리 부정 연산자
&& 논리곱 연산자
|| 논리합 연산자<title>논리연산자</title>
</head>
<body>
<script type="text/javascript">
var a = true && false;
document.write('true && false : ' + a + '<br>');
var b = true || false;
document.write('true || false : ' + b + '<br>');
var c = !true;
document.write('!true : ' + c + '<br>');
document.write('------------------<br>');
var d = 1, e = 0, f;
f = d && e; //값A && 값B --> 값B
document.write('d && e : ' + f + '<br>');
f = d || e; //값A || 값B --> 값A
document.write('d || e : ' + f + '<br>');
f = !d;
document.write('!d : ' + f);
</script>
</body>
</html>4) s04_operator
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
//입력창
var input = prompt('숫자를 입력하세요','');
//조건 참값 거짓값
var result = (input > 0) ? '자연수입니다.' : '자연수가 아닙니다.';
//경고창
alert(result);
</script>
</body>
</html>5) s05_operator
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
var temp1 = 5, temp2 = 10;
var max, min;
//두 숫자의 크기를 비교하여 max와 min 변수에 저장
//조건 ? 조건이 참일 때 식 : 조건이 거짓일 때 식
temp1 >= temp2 ? (max=temp1, min=temp2) : (max=temp2,min=temp1)
document.write('큰 값 = ' + max + '<br>');
document.write('작은 값 = ' + min + '<br>');
</script>
</body>
</html>6) s06_operator
[실습]
국어, 영어, 수학 성적(0~100)을 입력 받아서 총점, 평균을 구함
[입력 예시] prompt 사용 - 국어 입력, 영어 입력, 수학 입력
[출력 예시]
국어 : 99
영어 : 98
수학 : 97
총점 : 294
평균 : 98<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
var korean = prompt('국어 입력', '');
var english = prompt('영어 입력', '');
var math = prompt('수학 입력', '');
var sum = Number(korean) + Number(english) + Number(math);
var avg = sum / 3;
document.write('국어 : ' + korean + '<br>');
document.write('영어 : ' + english + '<br>');
document.write('수학 : ' + math + '<br>');
document.write('총점 : ' + sum + '<br>');
document.write('평균 : ' + avg);
</script>
</body>
</html>7) s07_operator
[실습]
음식점에서 국수를 주문하는데 할인행사를 해서 한 그릇에 20%를 할인해준다.
국수값은 3,500원이고 국수값과 주문할 수량을 입력해서 지불금액을 출력하시오.
[입력 예시] prompt로 입력 - 국수값, 국수 수량 입력
[출력 예시]
지불금액 : 2800원<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
var price = prompt('국수값','');
var quantity = prompt('국수 수량','');
var total = price * quantity * 0.8;
document.write('지불금액 : ' + total + '원');
</script>
</body>
</html>