Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <style>
- div{
- margin-left:35%;
- }
- .atas div{
- width:225px;
- height:50px;
- font-size:35px;
- text-align:center;
- margin-left:0%;
- border:1px solid black;
- }
- .bawah input{
- width:75px;
- height:75px;
- }
- </style>
- <script>
- var answer="";
- var key="";
- var keyLength;
- var time=10;
- var t;
- function startGame(){
- keyLength=10;
- generateKey();
- startTime();
- }
- function generateKey(){
- for(var i=1;i<=keyLength;i++){
- var x = Math.round(Math.random()*8)+1;
- key+=x;
- }
- document.getElementById("key").innerHTML=key;
- }
- function startTime(){
- time--;
- if(time==0){
- document.getElementById("time").innerHTML="<font color='red'>You Lose</font>";
- clearTimeout(t);
- }else{
- document.getElementById("time").innerHTML=time;
- t = setTimeout("startTime()",1000);
- }
- }
- function buttonClicked(nilai){
- var idx = answer.length;
- if(time>0){
- if(nilai == key[idx]){
- answer+=nilai;
- document.getElementById("answer").innerHTML="<font color='green'>"+answer+"</font>";
- }else{
- document.getElementById("answer").innerHTML="<font color='red'>"+answer+"</font>";
- }
- if(answer.length == key.length){
- clearTimeout(t);
- document.getElementById("answer").innerHTML="<font color='green'>You Win</font>";
- }
- }
- }
- </script>
- </head>
- <body onload="startGame()">
- <form>
- <div class="atas">
- Time Remaining:
- <br/>
- <div id="time" type="text">
- </div>
- <br/>
- Key:
- <br/>
- <div id="key" type="text">
- </div>
- <br/>
- Your answer:
- <br/>
- <div id="answer" type="text">
- </div>
- <br/>
- </div>
- <br/>
- <div class="bawah">
- <input type="button" value="1" onclick="buttonClicked(1)"/>
- <input type="button" value="2" onclick="buttonClicked(2)"/>
- <input type="button" value="3" onclick="buttonClicked(3)"/>
- <br/>
- <input type="button" value="4" onclick="buttonClicked(4)"/>
- <input type="button" value="5" onclick="buttonClicked(5)"/>
- <input type="button" value="6" onclick="buttonClicked(6)"/>
- <br/>
- <input type="button" value="7" onclick="buttonClicked(7)"/>
- <input type="button" value="8" onclick="buttonClicked(8)"/>
- <input type="button" value="9" onclick="buttonClicked(9)"/>
- </div>
- </form>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement