如何获取表单值并将其推送到数组？（修复代码）

Question

I am trying to code my first hangman.我正在尝试编写我的第一个刽子手。

I need to take the value from the html input and store it into an array.我需要从 html 输入中获取值并将其存储到一个数组中。

I tried to store the value using a submit button, called "Guess".我尝试使用名为“Guess”的提交按钮存储该值。

<form>
<input type="text" maxlength="1" minlength="1" name="letter" id="letter" placeholder="Guess a letter" />

<button class="guess" name="guess" type="button" value="Guess">Guess</button>

<button id="restart" name="restart" type="button">Restart</button>
</form>

const guessButton = document.querySelector(".guess");


//empty array to store letters
guesses = [];
//store letter in array 

guessButton.addEventListener("submit", e=> {
    e.preventDefault();

    const letter = document.querySelector("#letter").value;
    //store letter in array 
    guesses.push(letter);
    console.log(guesses);
});

There is no result, it seems I cannot obtain the value.没有结果，似乎我无法获得该值。

Thank you for the support!谢谢你的支持！

Answer 1

Try click instead of submit尝试click而不是submit

 var guessButton = document.querySelector("#guess"); //empty array to store letters var guesses = []; //store letter in array guessButton.addEventListener("click", e=> { e.preventDefault(); var letter = document.querySelector("#letter").value; //store letter in array guesses.push(letter); console.log(guesses); });

 <html> <head> <title>Ex</title> </head> <body> <form> <input type="text" maxlength="1" minlength="1" name="letter" id="letter" placeholder="Guess a letter" /> <button class="guess" id="guess" name="guess" type="button" value="Guess">Guess</button> <button id="restart" name="restart" type="button">Restart</button> </form> </body> </html>

如何获取表单值并将其推送到数组？（修复代码）

问题描述

1 个解决方案

解决方案1
1 已采纳 2019-06-21 13:07:34

如何获取表单值并将其推送到数组？ （修复代码）

问题描述

1 个解决方案

解决方案1 1 已采纳 2019-06-21 13:07:34

如何获取表单值并将其推送到数组？（修复代码）

解决方案1
1 已采纳 2019-06-21 13:07:34