Advertisement
Guest User

Untitled

a guest
Nov 10th, 2017
160
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.51 KB | None | 0 0
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset = "utf-8">
  5. <title>Guess Game</title>
  6. </head>
  7. <div align = "center">
  8. <h1>Guess Game</h1>
  9. <p id = "choosedif">Choose a difficulty</p>
  10. <button type = "button" id = "easyb" onClick = "easy()">Easy</button>
  11. <button type = "button" id = "mediumb" onClick = "medium()">Medium</button>
  12. <button type = "button" id = "hardb" onClick = "hard()">Hard</button>
  13. <button type = "button" id = "guessb" onClick = "guess()">Guess</button>
  14. <input type = "text" id = "inputnum" onkeypress = "search()" placeholder = "Press enter to guess">
  15. <button type = "button" id = "customb" onClick = "custom()">Custom</button>
  16.     <input type = "text" id = "inputlives" onkeypress = "gos()" placeholder = "Lives">
  17.     <input type = "text" id = "inputpara" onkeypress = "gos()" placeholder = "From 0 to">
  18. <button type = "button" id = "gob" onClick = "go()">Go!</button>
  19.    
  20.     </div>
  21. <div align = "right">
  22.     <button type = "button" id = "resetb" onClick = "reset()">Reset</button>
  23. </div>
  24. <div align = "center">
  25. <p id = "hilo"></p>
  26. <p id = "Lives"></p>
  27. <p id = "parameter"></p>
  28.     </div>
  29. <script>
  30.     var livesvar
  31.     var rndnum
  32.     var lownum = 0
  33.     var highnum
  34.     inputnum.style.visibility = 'hidden';
  35.     guessb.style.visibility = 'hidden';
  36.     resetb.style.visibility = 'hidden';
  37.     inputlives.style.visibility = 'hidden';
  38.     inputpara.style.visibility = 'hidden';
  39.     gob.style.visibility = 'hidden';
  40.  
  41. function search(){
  42.     if (event.keyCode  == 13) guessb.click()
  43. }
  44.  
  45. function gos(){
  46.     if (event.keyCode == 13) gob.click()
  47. }
  48.  
  49. function easy() {
  50.     rndnum = Math.floor(Math.random()*500);
  51.     livesvar = 10
  52.     highnum = 500
  53.     Lives.innerHTML = livesvar;
  54.     choosedif.innerHTML = "Your number is between " + lownum + " and " + highnum;
  55.     hide();
  56. }
  57.  
  58. function medium() {
  59.     livesvar = 10
  60.     highnum = 1500
  61.     rndnum = Math.floor(Math.random()*1500);
  62.     Lives.innerHTML = livesvar;
  63.     hide();
  64.     choosedif.innerHTML = "Your number is between " + lownum + " and " + highnum;
  65. }
  66.  
  67. function hard() {
  68.     livesvar = 10
  69.     highnum = 3000
  70.     rndnum = Math.floor(Math.random()*3000);
  71.     Lives.innerHTML = livesvar;
  72.     hide();
  73.     choosedif.innerHTML = "Your number is between " + lownum + " and " + highnum;
  74. }
  75.  
  76. function reset(){
  77.     Lives.innerHTML = "";
  78.     hilo.innerHTML = "";
  79.     easyb.style.visibility = 'visible';
  80.     mediumb.style.visibility = 'visible';
  81.     hardb.style.visibility = 'visible';
  82.     customb.style.visibility = 'visible';
  83.     inputnum.style.visibility = 'hidden';
  84.     guessb.style.visibility = 'hidden';
  85.     resetb.style.visibility = 'hidden';
  86.     choosedif.style.visibility = 'visible';
  87.     choosedif.innerHTML = "Choose a difficulty";
  88.     inputlives.style.visibility = 'hidden';
  89.     inputpara.style.visibility = 'hidden';
  90.     gob.style.visibility = 'hidden';
  91.     inputlives.value = "";
  92.     inputpara.value = "";
  93.     lownum = 0
  94. }
  95.  
  96. function custom() {
  97.     easyb.style.visibility = 'hidden';
  98.     mediumb.style.visibility = 'hidden';
  99.     hardb.style.visibility = 'hidden';
  100.     customb.style.visibility = 'hidden';
  101.     resetb.style.visibility = 'visible';
  102.     inputlives.style.visibility = 'visible';
  103.     inputpara.style.visibility = 'visible';
  104.     choosedif.innerHTML = "";
  105. }
  106.  
  107. function go() {
  108.     highnum = inputpara.value;
  109.     rndnum = Math.floor(Math.random()*inputpara.value);
  110.     inputlives.style.visibility = 'hidden';
  111.     inputpara.style.visibility = 'hidden';
  112.     gob.style.visibility = 'hidden';
  113.     inputnum.style.visibility = 'visible';
  114.     choosedif.innerHTML = "0-" + inputpara.value;
  115.     Lives.style.visibility = 'visible';
  116.     livesvar = inputlives.value;
  117.     Lives.innerHTML = livesvar;
  118.     highnum  =  inputpara.value;
  119.     choosedif.innerHTML = "Your number is between " + lownum + " and  " + highnum;
  120. }
  121.    
  122. function guess() {
  123.     if(inputnum.value < rndnum)
  124.         {hilo.innerHTML = "Higher"}
  125.     else if(inputnum.value > rndnum)
  126.         {hilo.innerHTML = "Lower"}
  127.     else if(inputnum.value = rndnum)
  128.         {alert("Congratulations, your number was " + rndnum + "!")};
  129.     if (inputnum.value > lownum && inputnum.value < rndnum)
  130.         {lownum = inputnum.value}
  131.     else if (inputnum.value < highnum && inputnum.value > rndnum)
  132.     {highnum = inputnum.value}
  133.  inputnum.value = ""
  134.  choosedif.innerHTML = "Your number is between " + lownum + " and  " + highnum;
  135.         livesvar--;
  136.         Lives.innerHTML = livesvar;
  137.     if(livesvar == 0)
  138.         {alert("Sorry, you lost, the number was " + rndnum)};
  139. }
  140.  
  141. function hide() {
  142.     easyb.style.visibility = 'hidden';
  143.     mediumb.style.visibility = 'hidden';
  144.     hardb.style.visibility = 'hidden';
  145.     customb.style.visibility = 'hidden';
  146.     inputnum.style.visibility = 'visible';
  147.     resetb.style.visibility = 'visible';
  148. }
  149.  
  150.     </script>
  151. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement