728x90
02. 함수 선언하고 호출하는 문제 II
다음 결과 화면을 참고하여 조건에 맞게 웹 문서를 작성하세요.
1. 프롬포트 창에서 입력받은 두 수를 num1, num2 변수에 저장한다.
2. 두 수가 같을 경우 '같습니다.'를 표시한다.
3. 두 수를 입력받아 크기를 비교하여 더 큰 숫자를 알림 창에 표시하는 함수를 작성한다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>JAVA SCRIPT 문제 2</title>
</head>
<body>
<script>
// 코드를 작성하세요
</script>
</body>
</html>결과 화면
A. 해설
1. 프롬포트 창에서 입력받은 두 수를 num1, num2 변수에 저장한다.
--> prompt 함수로 사용자 입력받고, parseInt 함수로 입력받은 문자열을 숫자으로 바꾸어 var 예약어로 만든 num1, num2 변수에 넣는다.
2. 두 수가 같을 경우 '같습니다.'를 표시한다.
3. 두 수를 입력받아 크기를 비교하여 더 큰 숫자를 알림 창에 표시하는 함수를 작성한다.
--> if ~ else 문을 사용해 입력받은 두 수의 값을 비교한다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>JAVA SCRIPT 문제 2</title>
</head>
<body>
<script>
var num1 = parseInt(prompt("비교할 첫 번째 숫자: "));
var num2 = parseInt(prompt("비교할 두 번째 숫자: "));
compareTwo(num1, num2);
function compareTwo(x, y) {
if (x === y) {
alert(x + "와(과) " + y + "는 같습니다.");
} else if (x > y) {
alert(x + "(이)가 " + y + "보다 큽니다.");
} else {
alert(y + "(이)가 " + x + "보다 큽니다.");
}
}
</script>
</body>
</html>
출처 | Do it! HTML+CSS+자바스크립트 웹 표준의 정석(고경희)
728x90
'💠문제 풀이 > JavaScript 문제 풀이' 카테고리의 다른 글
| 06. 새로운 요소 추가하기 (0) | 2022.08.29 |
|---|---|
| 05. DOM 에 접근하기 (0) | 2022.08.29 |
| 04. 자바스크립트의 내장 객체를 사용한 문제 II (0) | 2022.08.24 |
| 03. 자바스크립트의 내장 객체를 사용한 문제 I (0) | 2022.08.23 |
| 01. 함수 선언하고 호출하는 문제 I (0) | 2022.08.16 |