Как я могу получить значение формы и отправить его в массив? (исправляющий код) - PullRequest
Новая
       1

Как я могу получить значение формы и отправить его в массив? (исправляющий код)

0 голосов
/ 21 июня 2019

Я пытаюсь закодировать моего первого палача.

Мне нужно взять значение из html-ввода и сохранить его в массив.

Я попытался сохранить значение с помощью кнопки отправки, называемой «Угадай». 

<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);
});

Нет результата, кажется, я не могу получить значение.

Спасибо за поддержку!

1 Ответ

0 голосов
/ 21 июня 2019

Попробуйте 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...