입력한 값이 a, b, c 이면 '정답'이라고 출력하고 그 외에 나머지 값은 '오답' 이라고 출력 예제
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
let value = window.prompt("값을 입력하세요:");
if (value == "a")
console.log("정답입니다 !")
else if (value == "b")
console.log("정답입니다 !")
else if (value == "c")
console.log("정답입니다 !")
else
console.log("오답입니다 ㅠ")
</script>
</head>
<body>
</body>
</html>동일한 결과를 가지는 코드 1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
let value = window.promt("값을 입력하세요:");
if (value == "a" || value == "b" || value == "c") {
console.log("정답입니다 !")
}
else {
console.log("오답입니다ㅠ")
}
</script>
</head>
<body>
</body>
</html>동일한 결과를 가지는 코드 2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
let value = window.promt("입력: ");
if(value <= "c"){
console.log("정답");
} else {
console.log("오답");
}
</script>
</head>
<body>
</body>
</html>
성적표 예제
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
let avg = window.prompt("점수를 입력하세요");
if(avg >= 90)
console.log("A학점");
else if (avg >= 80)
console.log("B학점");
else if (avg >= 70)
console.log("C학점");
else if (avg >= 60)
console.log("D학점");
else
console.log("F학점");
</script>
</head>
<body>
</body>
</html>
위의 코드를 switch 문으로 바꾸기
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
let avg = window.prompt("점수를 입력하세요");
switch(parseInt(avg/10)) {
case 10:
grade = 'A';
break;
case 9:
grade = 'A';
break;
case 8:
grade = 'B';
break;
case 7:
grade = 'C';
break;
case 6:
grade = 'D';
break;
default:
grade = 'F';
}
console.log(grade);
</script>
</head>
<body>
</body>
</html>과일이 사과일때 1000원, 바나나일때 1500원, 망고일때 2000원 가격 출력 예제
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
let fruit = window.prompt("과일을 입력하시오");
let price = 0;
if (fruit=="사과")
console.log("과일은 1000원입니다");
else if (fruit=="바나나")
console.log("바나나는 1500원입니다");
else if (fruit=="망고")
console.log("망고는 2000원입니다");
else
console.log("0원입니다");
console.log(`${fruit} 의 가격은 ${price}이다`); // 앞의 변수 참조하기
</script>
</head>
<body>
</body>
</html>위의 예제를 switch 문으로 바꾸기
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
let fruit = window.prompt("과일을 입력하시오");
switch(fruit){
case "사과":
price = 1000;
break;
case "바나나":
price = 1500;
break;
case "망고":
price = 2000;
break;
default:
price = 0;
}
console.log(`${fruit}의 가격은 ${price}입니다`);
</script>
</head>
<body>
</body>
</html>전자 계산기 프로그램 (사칙연산)
ex)
연산자 : +
숫자 1 : 5
숫자 2 : 10
결과 : 5 + 10 = 15
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
let num = window.prompt("연산자를 입력하세요");
</script>
</head>
<body>
</body>
</html>
인증 프로그램 만들기
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
let id = window.prompt("ID: ")
let pw = window.prompt("PW: ")
if(id == "tiger"){
if(pw == "1111"){
console.log("인증되었습니다");
}
else{
console.log("비밀번호가 틀렸습니다");
}
}
else{
if(pw == "1111"){
console.log("아이디가 틀렸습니다");
}
else{
console.log("아이디와 비밀번호가 틀렸습니다");
}
}
</script>
</head>
<body>
</body>
</html>입력한 값이 숫자이면 "숫자"라고 출력하고 문자이면 "문자"라고 출력하고 (대문자,소문자까지 구별) 그 외에는 "기타"라고 출력
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
</script>
</head>
<body>
</body>
</html>그 외 예제들
** 추후 답 달 예정
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
</script>
</head>
<body>
<pre>
1. 숫자를 입력해서 입력한 횟수만큼 반복돌며 짝수와 홀수의 합을 구하시오
--------------------------------------
숫자 입력 : 5
결과 : 짝수의 합 ?, 홀수의 합 ?
2. 단수를 입력받아 구구단을 출력하시오
--------------------------------------
단수 입력 : 2
2 * 1 = 2
...
2 * 9 = 18
3. 검색 예제
const users = [
{name:'홍길동', age:35, address:'서울'},
{name:'임꺽정', age:20, address:'인천'},
{name:'유비', age:45, address:'수원'},
{name:'관우', age:37, address:'경기'},
{name:'장비', age:29, address:'제주'},
]
이름을 입력받아서 해당 사람의 정보를 출력하는 프로그램
4. const arr = [20, 13, 10, 4, 8, 12, 22, 55, 66, 7]
위의 데이터 중에서 최대값 구하기 (정렬X, 함수사용X)
5. 전자계산기를 반복문으로 처리
(끝나는 조건은 연산자에 x를 입력하면 종료)
</pre>
</body>
</html>