▶ 갬블링 게임 > SCRIPT

• 목록

<style>

table {

border:1px solid red;

}

td {

width:50px;

height:50px;

font-size:30px;

text-align:center;

cursor:pointer;

}

button {

cursor:pointer;

}

</style>

<script>

function play(a){

var rand_num = Math.floor(Math.random()*3 + 1); // 1~3 랜덤값 생성

if(a == 1){

document.getElementById("num1").innerHTML = rand_num;

}

if(a == 2){

document.getElementById("num2").innerHTML = rand_num;

}

if(a == 3){

document.getElementById("num3").innerHTML = rand_num;

}

x = document.getElementById("num1").innerHTML;

y = document.getElementById("num2").innerHTML;

z = document.getElementById("num3").innerHTML;

if( x == y && y == z ) { //세 수가 같을 경우

document.getElementById("msg").innerHTML = "성공 다시도전";

}else{

document.getElementById("msg").innerHTML = "실패 다시도전";

}

}

function restart(){

document.getElementById("num1").innerHTML=0;

document.getElementById("num2").innerHTML=0;

document.getElementById("num3").innerHTML=0;

document.getElementById("msg").innerHTML="차례대로 숫자 클릭";

}

</script>

<table>

<tr>

<td id="num1" onclick="play('1')"></td>

<td id="num2" onclick="play('2')"></td>

<td id="num3" onclick="play('3')"></td>

</tr>

</table>

<br>

<button id="msg" onclick="restart()">시작</button>