Chinaunix首页 | 论坛 | 博客
  • 博客访问: 108957
  • 博文数量: 40
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 423
  • 用 户 组: 普通用户
  • 注册时间: 2013-01-15 11:55
文章分类

全部博文(40)

文章存档

2016年(36)

2015年(2)

2013年(2)

我的朋友

分类: JavaScript

2016-03-23 13:34:38

js写的猜单词的小游戏,先默认几组单词,然后根据提示,猜出是哪个单词,然后拼写出来,代码如下

点击(此处)折叠或打开

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <title>Hangman</title>
  5. </head>
  6. <body>
  7.    <h1>Hangman</h1>
  8.    <p>猜单词</p>
  9.    <div id="show"><div>
  10.    <script>
  11.       var words = [
  12.      "javascript",
  13.          "monkey",
  14.          "amazing",
  15.          "pancake"
  16.      ];
  17.      var showText = '';
  18.      for(var x = 0;x < words.length;x++){
  19.         showText =showText + words[x]+'
    '
    ;
  20.         console.log(showText);
  21.     
  22.      }
  23.      var shows = document.getElementById("show");
  24.      shows.innerHTML = showText;
  25.      var word = words[Math.floor(Math.random()*words.length)];
  26.      var answerArray = [];
  27.      for(var i=0;i<word.length;i++){
  28.      answerArray[i] = "_";
  29.      }
  30.      var remainingLetters = word.length;
  31.      while(remainingLetters > 0){
  32.      alert(answerArray.join(" "));
  33.     
  34.      var guess = prompt("Guess a letter,or click Cancel to stop playing.");
  35.      if(guess === null){
  36.      break;
  37.      }else if(guess.length !== 1){
  38.      alert("Please enter a single letter.");
  39.      }else{
  40.      for(var j =0;j<word.length;j++){
  41.          if(word[j] === guess){
  42.          answerArray[j] = guess;
  43.              remainingLetters--;
  44.          }
  45.          }
  46.      }
  47.      }
  48.      alert(answerArray.join(" "));
  49.      alert("Good job! The answer was " + word);
  50.    </script>
  51. </body>
  52. </html>

阅读(1035) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~