如何将变量重置为原始的、普通的Javascript？_Javascript

如何将变量重置为原始的、普通的Javascript？

javascript

如何将变量重置为原始的、普通的Javascript？,javascript,Javascript,我正在用vanilla javascript制作一个简单的刽子手游戏，希望在玩家失败后重新设置游戏。具体而言，我想： 1.重置“GuessLeime”变量 2.清除“猜测”id，这样就不会显示任何猜测的字母 3.从数组中选择另一个随机字提前感谢您的帮助 <!DOCTYPE html> <html lang="en-us"> <head> <meta charset="UTF-8"> <title>Hangman Game<

我正在用vanilla javascript制作一个简单的刽子手游戏，希望在玩家失败后重新设置游戏。具体而言，我想： 1.重置“GuessLeime”变量 2.清除“猜测”id，这样就不会显示任何猜测的字母 3.从数组中选择另一个随机字

提前感谢您的帮助

<!DOCTYPE html>
<html lang="en-us">
<head>
  <meta charset="UTF-8">
  <title>Hangman Game</title>

  <link rel="stylesheet" type="text/css" href="assets\css\reset.css"/>
  <link rel="stylesheet" type="text/css" href="assets\css\style.css">
  <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">

  <script src="https://use.fontawesome.com/ca6de464ee.js"></script>

</head>
<body>
    <div id="white">
        <img src="assets\images\turkey.png" alt="turkey" class="turkeyImage">
    </div>
    <div id="orangebox">
        <h4>thanksgiving</h4>
        <h4 class="hangman">hangman</h4>
    </div>
    <div class="instructions">
        <h1>Instructions:</h1>
        <br/>
        <h2>1. Guess a Thanksgiving dish!</h2>
        <br/>
        <h3>2. Press any key to begin.</h3>
    </div>
    <div class="display">
        <p class="greywords">Current Word:</p>
        <br/>
        <p id="current"></p>
        <br/>
        <br/>
         <p class ="greywords">Number of Guesses Remaining:</p>
         <br/>
         <p id="remain"></p>
         <br>
         <br/>
         <p class="greywords">Letters Already Guessed:</p>
         <p id="guess"></p>
         <br>
         <br/>
         <p class="greywords">Wins:</p>
         <p id="win"></p>
         <br>
         <br/>
         <p class="greywords">Losses:</p>
         <p id="loss"></p>
     </div>

<!-- End of HTML -->

<script type="text/javascript">

// Step 2: create variable of the food words
var wins = 1;
var losses = 1;
var guessRemain = 10;
var foodWords = [
 "pie",
 "turkey",
 "bacon",
 "bread"
 ];


// Step 1: display remaining gueses
document.getElementById("remain").innerHTML = guessRemain;
// Step 3: create a variable to pick a random word from that array
var randomWord = foodWords[Math.floor(Math.random() * foodWords.length)];
console.log(randomWord);
//Step 4: make it count the number of letters in that word that you just picked
var count = [];
 for (var i = 0; i < randomWord.length; i++) {
 count[i] = "_ ";
 }
//Step 5: write the var on the screen
document.getElementById("current").innerHTML = count;

//Step 6: have it recognize that there are remaining letters
var remainingLetters = randomWord.length;
    console.log("I HAVE " + remainingLetters + " left");

//Step 7: function for when they click a key
document.onkeyup=function(event) {
    var userGuess = event.key;
    document.getElementById("guess").innerHTML += userGuess + " ";
    // console.log(randomWord.length);
    if (randomWord.includes(userGuess)) {
        // console.log("test");
// Step 7: if this statment is true, then modify the count variable, replace the dash in count with letter, and it has the correct position, and display the letter
    var guessIndex = randomWord.indexOf(userGuess);
    //console.log(randomWord.indexOf(userGuess));
    count[guessIndex] = userGuess
    //console.log(count);
    document.getElementById("current").innerHTML = count;
    remainingLetters--;
    console.log("I HAVE " + remainingLetters + " left");
    if (remainingLetters === 0) {
        document.getElementById("win").innerHTML = wins++;
        console.log("I have won");}
}
// Step 8: if not true, then subtract a guess

    else {
       document.getElementById("remain").innerHTML = guessRemain--;
       document.getElementById("remain").innerHTML = guessRemain;
        if (guessRemain === 0) {
        document.getElementById("loss").innerHTML = losses++;
        console.log("I have lost");
    }
            }
}
// Step 10: if there are no letters remaining in count, then add "1" to the win id and reset the page

        // if (remainingLetters === 0) {
        // document.getElementById("#win").innerHTML = winSs++;
        // console.log("I have won");
        //console.log("i win");
        // function reset() {
        // document.getElementById("display").reset();
        // }
// }
// Step 11: if there are no guesses remaining, add a "1" to the loss id and reset the page
        // if (remainingGuess < 0) {
        // document.getElementById("#loss").innerHTML = ++1;
        // function reset() {
        // document.getElementById("display").reset();
        // }
        // }

 </script>
</body>
<div class="footer">
</div>
</html>


刽子手游戏
感恩节
刽子手
说明：


1.猜猜感恩节的菜！


2.按任意键开始。
当前单词：







剩余猜测次数：







已经猜到的字母：





获胜：





损失：

//步骤2：创建食物词的变量
var=1；
风险价值损失=1；
var=10；
var foodWords=[
“馅饼”，
“土耳其”，
“培根”，
“面包”
];
//步骤1：显示剩余的客人
document.getElementById（“remaine”）.innerHTML=guestremaine；
//步骤3：创建一个变量，从该数组中随机选取一个单词
var randomWord=foodWords[Math.floor（Math.random（）*foodWords.length）]；
console.log（randomWord）；
//第四步：让它数一数你刚刚挑选的单词中的字母数
var计数=[]；
for（var i=0；i

只需设置变量，就可以输入

guessRemain = 10;

在重置函数中，任何其他变量也是如此

对于已经显示在web页面上的猜测，您可以执行类似的操作

document.getElementById("guess").innerHTML = "";

希望有帮助：）

首先，通过将

innerHTML

设置为空字符串，清除步骤1-6中某处的

guess

元素。执行步骤1-6，并将它们放入名为

initialize

的函数中，如下所示：

编辑：在下面的函数之外声明变量

赢

，

输

，

猜测保持

，

食物词

，

随机词

，

计数

，

剩余的单个词

，以便您可以在

onkeyup

处理程序中访问它们

var wins, losses, guessRemain, foodWords, randomWords, count, remainingLetters;

function initialize() {

    // Step 1: create variable of the food words
    wins = 1;
    losses = 1;
    guessRemain = 10;
    foodWords = [
     "pie",
     "turkey",
     "bacon",
     "bread"
     ];

    // Clear the guess
    document.getElementById("guess").innerHTML = "";

    // Step 2: display remaining gueses
    document.getElementById("remain").innerHTML = guessRemain;

    // Step 3: create a variable to pick a random word from that array
    randomWord = foodWords[Math.floor(Math.random() * foodWords.length)];
    console.log(randomWord);

    //Step 4: make it count the number of letters in that word that you just picked
    count = [];

    for (var i = 0; i < randomWord.length; i++) {
        count[i] = "_ ";
    }

    //Step 5: write the var on the screen
    document.getElementById("current").innerHTML = count;

    //Step 6: have it recognize that there are remaining letters
    remainingLetters = randomWord.length;

    console.log("I HAVE " + remainingLetters + " left");

}

您可以刷新页面，也可以创建并调用设置变量初始值的

init（）

函数。

if (remainingLetters === 0 || remainingGuess === 0) {
    inititalize();
}