728x90
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
#it_mine, #it_com, #it_result{
width: 40px
}
</style>
<script>
// function myclick(){
// var rnd = parseInt(Math.random()*2);
// var me = document.querySelector('#it_mine').value;
// var com=""
// if(rnd>0){
// com ="홀"
// }else{
// com="짝"
// }
// document.querySelector('#it_com').value = com
// if(me==com){
// document.querySelector('#it_result').value = "승리"
// }else{
// document.querySelector('#it_result').value = "패배"
// }
// console.log()
// }
function myclick(){
var obj_mine = document.querySelector('#it_mine').value;
var obj_com = document.querySelector('#it_com').value;
var obj_result = document.querySelector('#it_result').value;
var mine = obj_mine.value;
var com = "";
var result ="";
var rnd = parseInt(Math.random()*2);
var com=""
if(rnd>0){
com ="홀"
}else{
com="짝"
}
if(mine==com){
document.querySelector('#it_result').value = "승리"
}else{
document.querySelector('#it_result').value = "패배"
}
obj_com.value = com;
obj_result.value = result;
}
</script>
</head>
<body>
EX07
<table border="1">
<tr>
<td>나</td>
<td>
<input type="text" id="it_mine" />
</td>
</tr>
<tr>
<td>컴</td>
<td>
<input type="text" id="it_com" />
</td>
</tr>
<tr>
<td>결과</td>
<td>
<input type="text" id="it_result" />
</td>
</tr>
<tr>
<td colspan="2">
<input type="button" value="게임하기" onclick="myclick()"/>
</td>
</tr>
</table>
</body>
</html>
'Python > Muzi' 카테고리의 다른 글
Jquery강화학습02. text값 가져와서 연산하기 (0) | 2023.07.12 |
---|---|
JS강화학습08. 야구게임 만들기 (0) | 2023.07.12 |
JS강화학습06. 별찍기 (0) | 2023.07.12 |
JS강화학습05. 전화기 만들기 (0) | 2023.07.12 |
JS강화학습04. 구구단 생성해서 출력하기 (0) | 2023.07.12 |