在 javascript 中编写单词猜谜游戏时需要帮助答案

【问题标题】：Require assistance with coding a word guess game in javascript在 javascript 中编写单词猜谜游戏时需要帮助
【发布时间】：2019-08-14 00:04:12
【问题描述】：

我正在创建一个类似于this 的猜字游戏。

我已经创建了引导 div 来保存我的代码信息并声明了一些变量，但我现在卡住了。

免责声明：我对编程很陌生！

<!DOCTYPE html>
<html>

<head>
  <title>Word Guess Game</title>
  <link rel="stylesheet" type="text/css" href="reset.css">
  <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
  <div class="container">
    <div class="artist row">
    </div>
    <div class="gamearea row">
      <div class="albumarea col-6">
      </div>
      <div class="actualgame col-6">
        <div class="startarea">
          <p id="start-text">Press any key to start playing!</p>
        </div>
        <div class="winsarea">
          <p id="wins-text"></p>
        </div>
        <div class="current-wordarea">
          <p id="currentword-text"></p>
        </div>
        <div class="remaining-guessesarea">
          <p id="guessremaining-text"></p>
        </div>
        <div class="letters-guessedarea">
          <p id="letterguessed-text"></p>
        </div>
        <div class="starts"></div>
      </div>
    </div>
  </div>

<script type="text/javascript">
    var wins = 0;
    var currentword = 0;

    var letter = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"];

    var Word = ["marley", "babyface", "hamilton"];
    var solution = word[Math.floor(Math.random() * word.length)]
    var solutionlength = solution.length;
    var display = [solutionlength];
    var lettersguessed = solution.split("");
    var guessesremaining = 12;
    var output = "";
    var win = solutionlength
    var letterplayed = "";

    document.onkeyup = function(event) {
      var userGuess = event.key;
      if () {

      }
    };
  </script>
</body>

</html>

【问题讨论】：

您能否帮助我们了解您遇到的问题或问题所在？
我被卡住了，就像你在代码中看到的那样。我被困在了底部。我不知道如何继续。如果你运行代码，它不起作用。
你需要解释什么是行不通的。以这种速度，您将很难找到帮助。
我想要在 youtube 上创建游戏的代码：youtu.be/W-IJcC4tYFI。但是我不知道声明我的变量后该怎么做。
这个网站不是为您提供一个空的if 并要求人们填写它。请创建一个问题的Minimal, verifiable example 并发布另一个问题。在你达到那个点之前，你应该做一些教程来学习 javascript

标签： javascript

【解决方案1】：

我认为第一步是确认您目前拥有的代码。

就我自己而言，我已经通过它并且可以看到一些问题。

第一个是变量Word在下一个被引用为word 线。确保变量的大小写（大写/小写）始终匹配。

接下来，display 看起来应该是一个空数组，它有 solutionlength 指定的初始长度。但是数组字面量语法 [] 只会使 solutionlength 成为数组中的第一项。使用var display = new Array(solutionlength); 创建一个空数组大小为solutionlength。

在此之下，lettersguessed 要么被错误命名，要么被错误地命名初始化。例如，它应该被称为letters_in_the_solution。或者它应该被初始化为一个空数组来存储猜测播放器。

这些是主要问题，但也存在一些普遍的混淆关于变量的意图。例如，您声明 currentword，但不要在初始化 solution 时使用它。相反，您直接使用 Math... 的东西进行初始化。

无论如何，我不会完全填写您的if 声明，而是概述 draw() 方法在伪中可能看起来像什么代码：

when user presses a key ->
    add the key to an array called letters_guessed
    set a variable called is_solved to true

    now loop through all the letters in the solution ->
        does the current letter exist in letters_guessed?
            yes -> 
                draw the current letter
            no -> 
                draw an underbar _
                and set the variable called is_solved to false

    is the variable is_solved set to true?
        yes ->
            win += 1
            generate a new word
            clear the letters_guessed array
        no ->
            do nothing

如果您不确定要写什么，在开始编写内容之前，将您的代码概述为这样的简单规范通常是一个好习惯。

你可以从一个比这更简单的大纲开始，然后逐渐让它越来越像代码，直到你认为你可以用真实的代码来表达整个事情。

希望对你有帮助。

【讨论】：