1. 자바스크립트로 조건이 맞는지 틀리는지를 확인하려면 이전 언어에서 배웠던 것처럼 조건문(if, else)을 사용하면 됩니다.
2. 아래 코드를 작성해 봅니다.
-1) 소스코드
|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>음식 주문하기</title>
</head>
<body>
<script type="text/javascript">
var height = 165;
if(height >= 150) {
document.write("당신의 키는"+height+"이므로 탑승이 가능합니다.")
}
</script>
</body>
</html>
|
-2) 실행결과
3. 사용자들이 키를 입력할 수 있도록 대화창을 띄워서 값을 입력받아 봅니다.
-1) 소스코드
|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>음식 주문하기</title>
</head>
<body>
<script type="text/javascript">
var height = prompt("키를 입력해 주세요", "");
var limitHeight = 150;
if(height >= 150) {
document.write("당신의 키는"+limitHeight+"이므로 탑승이 가능합니다.")
}
else {
document.write("당신의 키는"+limitHeight+"미만이므로 탑승할 수 없습니다.")
}
</script>
</body>
</html>
|
-2) 실행결과
4. 비교 연산자
|
프로그래밍에서는 일반 수학에서 사용하는 등호나 연산자와는 다른 방법을 사용합니다. 일반적으로 두 값을 비교하는 연산자를 비교 연산자라고 합니다.
== 같다, < 보다 작다, <== 보다 작거나 같다, > 보다 크다, >= 보다 크거나 같다, != 같지 않다
|
5. 이제 마지막 과제인 음식 주문하기 프로그램을 만들어 봅니다.
|
날씨 |
음식 |
|
맑음 |
피자 |
|
흐림 |
자장면 |
|
비 |
짬뽕 |
|
눈 |
칼국수 |
6. 위의 조건에 따라 프로그램을 만들어 봅니다.
-1) 소스코드
|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>음식 주문하기</title>
</head>
<body>
<script type="text/javascript">
var currentWeather = prompt("날씨를 입력해 주세요", "");
if(currentWeather=="맑음") {
document.write("날씨가 "+currentWeather+"이므로 피자를 추천합니다.");
}
else if(currentWeather=="흐림") {
document.write("날씨가 "+currentWeather+"이므로 자장면을 추천합니다.");
}
else if(currentWeather=="비") {
document.write("날씨가 "+currentWeather+"가 오므로 짬뽕을 추천합니다.");
}
else if(currentWeather=="눈") {
document.write("날씨가 "+currentWeather+"이 오므로 칼국수를 추천합니다.");
}
</script>
</body>
</html>
|
-2) 실행결과
7. 논리 연산자
|
논리 연산자는 조건의 참과 거짓을 판단할 때 사용합니다.
A&&B - A와 B가 모두 참일 때, 참이 됩니다. 일반적으로 AND 개념입니다.
A||B - A와 B 중 하나만 참일 때, 참이 됩니다. 일반적으로 OR 개념입니다.
!A - A가 참이면 거짓, 거짓이면 참을 반환합니다. 일반적으로 NOT의 개념입니다.
|
8. 앞의 if코드를 switch문으로 바꾸어 봅니다.
|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>음식 주문하기</title>
</head>
<body>
<script type="text/javascript">
var currentWeather = prompt("날씨를 입력해 주세요", "");
switch(currentWeather) {
case "맑음" :
document.write("날씨가 "+currentWeather+"이므로 피자를 추천합니다.");
break;
case "흐림" :
document.write("날씨가 "+currentWeather+"이므로 자장면을 추천합니다.");
break;
case "비" :
document.write("날씨가 "+currentWeather+"가 오므로 짬뽕을 추천합니다.");
break;
case "눈" :
document.write("날씨가 "+currentWeather+"이 오므로 칼국수를 추천합니다.");
break;
}
</script>
</body>
</html>
|