WEB/JAVASCRIPT

가위바위보 게임 및 간이 계산기 만들기

둥바 2022. 6. 27. 23:04

가위바위보 맞추기 게임

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>가위,바위,보 맞추기</title>
</head>
<body>
<script type="text/javascript">
document.write("<h1>가위,바위,보 맞추기</h1>");
var t = prompt("가위,바위,보 중 선택하세요.","가위");
var tNum;
switch(t){
case "가위" : 
	tNum = 1;
	break;
case "바위" :
	tNum = 2;
	break;
case "보" :
	tNum = 3;
	break;
default:
	alert("잘못 작성하셨습니다.");
	location.reload(); //새로고침 (현재 페이지)
	break;
}
//Math.random 0 ~ 1 * 3 -> 0~2인데 Math.ceil로 1~3됨
var com = Math.ceil(Math.random() * 3);//컴퓨터
document.write("<img src=../image/math_img_"+com+".png>");
if(tNum == com){
	alert("정답입니다. 축하합니다.");
}else{
	alert("틀렸습니다. 다음 기회에!");
}


</script>
</body>
</html>

 

간이 계산(테스트 받는)

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function calc(type){
	var x = Number(document.getElementById("input1").value);
	var y = Number(document.getElementById("input2").value);
	var c;
	switch (type) {
	case 1:
		c = Math.sin((x * Math.PI) / 180.0);
		break;
	case 2:
		c = Math.sin((x * Math.PI) / 180.0);
		break;
	case 3:
		c = Math.tan((x * Math.PI) / 180.0);
		break;
	case 4:
		c = Math.log(x);
		break;
	case 5:
		c = x * y;
		break;
	}
	document.getElementById("output").value = c;
}

function reset(){
	document.getElementById("output").value = "";//빈따옴표처리
	
}
</script>
</head>
<body>
첫번째 값 : <input type="text" id="input1">
두번째 값 : <input type="text" id="input2">
결과 값 : <input type="text" id="output">
<p>
<input type="button" id="sin" value="sin" onclick="calc(1)">
<input type="button" id="cos" value="cos" onclick="calc(2)">
<input type="button" id="tan" value="tan" onclick="calc(3)">
<input type="button" id="Log" value="log" onclick="calc(4)">
<input type="button" id="*" value="*" onclick="calc(5)">
<input type="reset" id="C" value="C" onclick="reset()">


</body>
</html>