본문 바로가기
Python/Muzi

JS강화학습07. 홀/짝게임 만들기

by 미눅스[멘토] 2023. 7. 12.
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>

 

 

 

 

홀/짝 입력후 게임하기 클릭시

 

 

결과