본문 바로가기

IT/Html

html을 이용한 주사위 게임.

<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <title>Document</title>

  <script type="text/javascript">

  <!--

var num1=0,num2=0,num3=0,num4=0;

window.onload=function(){

var game=document.getElementById("game");

var isClick="true";

var inter=null;

var num01=document.getElementById("num01");

var num02=document.getElementById("num02");

var result=document.getElementById("result");

var win=0,draw=0,lose=0;

var user=0,com=0;

var no=0;

game.onclick=function(){

if(isClick){

isClick=false;

game.innerText="게임 중단";

inter=setInterval(function(){

no++;

num1=parseInt(Math.random()*6)+1;

num2=parseInt(Math.random()*6)+1;

num3=parseInt(Math.random()*6)+1;

num4=parseInt(Math.random()*6)+1;

num01.innerHTML="주사위1:"+num1+"&nbsp&nbsp&nbsp&nbsp주사위1:"+num2;

num02.innerHTML="주사위2:"+num3+"&nbsp&nbsp&nbsp&nbsp주사위2:"+num4;

user=num1+num3;

com=num2+num4;

if(user>com)

win++;

else if(user==com)

draw++;

else 

lose++;

result.innerHTML+=no+"&nbsp&nbsp&nbsp"+user+"&nbsp&nbsp&nbsp"+com+"&nbsp&nbsp"+win+"승"+draw+"무"+lose+"패<br>";

},1000);


}

else{

isClick=true;

game.innerText="게임 시작";

clearInterval(inter);

}

}

}

  //-->

  </script>

 </head>

 <body><center>

  <h3 id="game">게임 시작</h3>

  <h3>user&nbsp&nbsp&nbsp&nbsp com</h3>

  <h3 id="num01">주사위1:&nbsp&nbsp&nbsp&nbsp주사위1:</h3>

  <h3 id="num02">주사위2:&nbsp&nbsp&nbsp&nbsp주사위2:</h3>

  <h3>No&nbsp&nbsp&nbsp A&nbsp&nbsp&nbsp B&nbsp&nbsp&nbsp&nbsp&nbsp 승부</h3>

  <h3 id="result"></h3>

 </body>

</html>



'IT > Html' 카테고리의 다른 글

사다리 게임 html  (0) 2015.01.23
html 마우스 클릭으로 그림 맞추기 게임  (1) 2015.01.14
html 방향키 컨트롤  (0) 2015.01.14