Advertisement
consolatio

Java pencet angka 9detik

Jul 29th, 2015
257
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.45 KB | None | 0 0
  1. <html>
  2. <head>
  3. <style>
  4. div{
  5. margin-left:35%;
  6. }
  7. .atas div{
  8. width:225px;
  9. height:50px;
  10. font-size:35px;
  11. text-align:center;
  12. margin-left:0%;
  13. border:1px solid black;
  14. }
  15. .bawah input{
  16. width:75px;
  17. height:75px;
  18. }
  19. </style>
  20. <script>
  21. var answer="";
  22. var key="";
  23. var keyLength;
  24. var time=10;
  25. var t;
  26.  
  27. function startGame(){
  28. keyLength=10;
  29. generateKey();
  30. startTime();
  31. }
  32. function generateKey(){
  33. for(var i=1;i<=keyLength;i++){
  34. var x = Math.round(Math.random()*8)+1;
  35. key+=x;
  36. }
  37. document.getElementById("key").innerHTML=key;
  38. }
  39.  
  40. function startTime(){
  41. time--;
  42. if(time==0){
  43. document.getElementById("time").innerHTML="<font color='red'>You Lose</font>";
  44. clearTimeout(t);
  45. }else{
  46. document.getElementById("time").innerHTML=time;
  47. t = setTimeout("startTime()",1000);
  48. }
  49. }
  50.  
  51. function buttonClicked(nilai){
  52. var idx = answer.length;
  53. if(time>0){
  54. if(nilai == key[idx]){
  55. answer+=nilai;
  56. document.getElementById("answer").innerHTML="<font color='green'>"+answer+"</font>";
  57. }else{
  58. document.getElementById("answer").innerHTML="<font color='red'>"+answer+"</font>";
  59. }
  60.  
  61. if(answer.length == key.length){
  62. clearTimeout(t);
  63. document.getElementById("answer").innerHTML="<font color='green'>You Win</font>";
  64. }
  65. }
  66. }
  67. </script>
  68. </head>
  69. <body onload="startGame()">
  70. <form>
  71. <div class="atas">
  72. Time Remaining:
  73. <br/>
  74. <div id="time" type="text">
  75. </div>
  76. <br/>
  77. Key:
  78. <br/>
  79. <div id="key" type="text">
  80. </div>
  81. <br/>
  82. Your answer:
  83. <br/>
  84. <div id="answer" type="text">
  85. </div>
  86. <br/>
  87. </div>
  88. <br/>
  89. <div class="bawah">
  90. <input type="button" value="1" onclick="buttonClicked(1)"/>
  91. <input type="button" value="2" onclick="buttonClicked(2)"/>
  92. <input type="button" value="3" onclick="buttonClicked(3)"/>
  93. <br/>
  94. <input type="button" value="4" onclick="buttonClicked(4)"/>
  95. <input type="button" value="5" onclick="buttonClicked(5)"/>
  96. <input type="button" value="6" onclick="buttonClicked(6)"/>
  97. <br/>
  98. <input type="button" value="7" onclick="buttonClicked(7)"/>
  99. <input type="button" value="8" onclick="buttonClicked(8)"/>
  100. <input type="button" value="9" onclick="buttonClicked(9)"/>
  101. </div>
  102. </form>
  103. </body>
  104. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement