<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function a()
{
var strArr=["가위","바위","보"];
var c= parseInt(Math.random()*3+1);
// Math.random()*3 = 0,1,2가 나오므로 +1을 해주어 1,2,3 값이 나오게 난수 발생
// 또한 parseInt로 정수형으로 출력
var u=Number(document.getElementById("user").value);
var msg="";
msg+="사용자:"+strArr[u-1] + ", 컴퓨터:" +strArr[c-1];
//alert(msg);
//case 1
if(u==c)
{
msg+="->비겼습니다.";
}
else if(u%3==(c+2)%3)
{
msg +="->컴퓨터가 이겼습니다";
}
else
{
msg+="당신이 이겼습니다";
}
//case 2
/*
if(u==1 && c==1 || u==2 && c==2 || u==3 && c==3)
{
msg+="->비겼습니다";
}
else if(u==1 && c==2 || u==2 && c==3 || u==3 && c==1)
{
msg+="->컴퓨터가 이겼습니다";
}
else
{
msg+="->당신이 이겼습니다"
}
*/
document.getElementById("result").value=msg;
}
</script>
</head>
<body>
<!-- 가위 바위 보 게임을 구성한다
HTML css 자바스크립트를 활용한다.
자바스크립트 난수 발생 함수를 찾아 활용한다.
페이지 레이아웃
---------------------------------------------------
입력(1.가위 2.바위 3.보 : [2] <게임 결과 확인>
[사용자 : 바위 컴퓨터:보 ->컴퓨터가 이겼습니다.]
----------------------------------------------------
-->
</body>
<h1>자바스크립트 난수 발생</h1>
<hr>
<div>
<form>
입력(1.가위 2.바위 3.보) :<input type="text" id=user>
<input type="button" value="게임 결과 확인" onclick=a() >
<input type="text" id=result>
</form>
</div>
</html>