반응형
다음 코드는 구구단을 맞추는 자바스크립트 코드입니다.
종료는 prompt 에서 [취소] 버튼을 누르면 됩니다.
<!DOCTYPE html>
<html>
<head><meta charset="utf-8">
<title>구구단 맞추기</title>
<script>
function randomInt() {
return Math.floor(Math.random()*9) + 1; // 1 ~ 9 사이의 난수를 반환
}
</script>
</head>
<body>
<h3>구구단 맞추기</h3>
<hr>
<script>
while(1) {
let ques = randomInt() + " * " + randomInt();
let user = prompt(ques + " = ?", 0);
if(user == null) { // [취소] 버튼
document.write("[구구단 맞추기]를 종료합니다");
break;
}
else {
let ans = eval(ques); // 구구단 정답
if(ans == user) // 입력한 값이 정답인지 비교
msg = "맞았습니다! ";
else {
msg = "틀렸습니다!\n";
msg += ques + " = " + + ans;
}
alert (msg);
}
}
</script>
</body>
</html>
실행했을 때의 결과 화면입니다.
문제를 출력합니다.
입력한 값이 정답이면 "맞았습니다!"를 출력합니다.
입력한 값이 틀리면 아래와 같이 출력합니다.
반응형
[취소] 버튼을 누르면 종료합니다.
Math.random()
0부터 1 사이의 임의의 실수 생성
Math.floor(a)
실수 a를 정수로 변환
반응형
'Javascript' 카테고리의 다른 글
| (자바스크립트) HTML5 캔버스: 선 그리기 (0) | 2023.07.23 |
|---|---|
| (자바스크립트) HTML5 캔버스 기초: 사각형 그리기 (0) | 2023.07.22 |
| (자바스크립트) 배열을 사용하는 2가지 방법 (0) | 2023.07.20 |
| (자바스크립트) 계산기 만들기 (0) | 2023.07.15 |
| (자바스크립트) 1부터 100까지 합 구하기 (0) | 2023.07.14 |