<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JS03.수학객체.html</title>
<script>
var num = 2.1234;
var maxNum = Math.max(10, 5, 8, 30); //최댓값을 얻는다. 30
var roundNum = Math.round(num); //소수점 첫째 자리에서 반올림 한다. 2
var floorNum = Math.floor(num); //소수점 첫째 자리에서 내림 한다. 2
var ceilNum = Math.ceil(num); //소수점 첫째 자리에서 올림 한다. 3
var ranNum = Math.random(); //0 ~ 0.999999... 사이의 난수를 발생한다.
var pi = Math.PI; //3.14
document.write('<h3>'+num+'</h3>');
document.write('<h3>'+maxNum+'</h3>');
document.write('<h3>'+roundNum+'</h3>');
document.write('<h3>'+floorNum+'</h3>');
document.write('<h3>'+ceilNum+'</h3>');
document.write('<h3>'+ranNum+'</h3>');
document.write('<h3>'+pi+'</h3>');
document.write('<p>=====</p>');
document.write('<p>=====</p>');
document.write('<h2> 문제: 0부터 10까지 실수로 난수를 출력</h2>');
document.write('<h3>'+Math.random()*10+'</h3>');
document.write('<h2> 문제: 0부터 10까지 정수로 난수를 출력</h2>');
document.write('<h3>'+Math.round(Math.random()*10)+'</h3>');
//0.9999...에 10을 곱하면 9.999... 여기서 '반올림'하면 10이다.
document.write('<p>=====</p>');
document.write('<p>=====</p>');
//alert('메시지'); confirm("메시지"); prompt("메시지", "기본값");
document.write('<h2> 문제: 가위, 바위, 보를 질의응답 창에 입력한 후 [확인]버튼을 누르면 컴퓨터가 난수를 발생시켜 내는 가위, 바위, 보와 비교하여 맞추는 프로그램을 작성하세요.</h2>');
var str = prompt("가위, 바위, 보 중 하나를 입력하세요.", "가위");
var num = 0, com = 0;
if(str == "가위") num = 1;
else if(str == "바위") num = 2;
else if(str == "보") num = 3;
else { alert("잘못 작성했습니다."); location.reload(); }
//location.reload()는 페이지를 새로고침한다.
com = Math.ceil(Math.random() * 3); // 1~3 난수가 발생한다.
//0.9... x 3 = 2.7...에서 올림처리하면 3이 된다.
/*
if(num == com) document.write("잘 맞췄습니다.<br>축하합니다.");
else document.write("틀렸네요<br>다음 기회 또 도전하세요.");
*/
var win = "<p>당신이 이겼습니다.<br>축하합니다.</p>";
var eq = "<p>비겼습니다.<br>다시 도전하세요.</p>";
var lose = "<p>컴퓨터가 이겼습니다.<br>다시 도전하세요.</p>";
if(num == 1) {
document.write('<img src="images/math_img_1.jpg" alt="가위">');
if(com == 2) {
document.write('<img src="images/math_img_2.jpg" alt="바위">');
document.write(lose);
location.relaod();
}else if(com == 3) {
document.write('<img src="images/math_img_3.jpg" alt="보">');
document.write(win);
}else {
document.write('<img src="images/math_img_1.jpg" alt="가위">');
document.write(eq);
location.relaod();
}
}else if(num == 2) {
if(com == 1) document.write(win);
else if(com == 3) document.write(lose);
else document.write(eq);
}else if(num == 3) {
if(com == 1) document.write(lose);
else if(com == 2) document.write(win);
else document.write(eq);
}
</script>
</head>
<body>
</body>
</html>