Как заставить ввод HTML-формы изменить переменную Javascript - PullRequest
0 голосов
/ 03 мая 2019

Я пытаюсь разработать волшебное приложение для игры в мяч, как один из моих первых проектов на javascript и HTML.Мне нужна форма, в которой пользователи могут ввести свой вопрос, и позже ее можно будет отобразить на экране с надписью «Пользователь спросил:« Вопрос ».Если бы вы могли помочь мне, это было бы здорово, и спасибо заранее.Если мой вопрос неясен, укажите, в чем вы не уверены, и я постараюсь объяснить.

Еще раз спасибо заранее,

Оскар.

Я ужепопытался использовать функции и значения для получения информации, и есть также похожие вопросы о переполнении стека, но ни один из них не работал / не был тем, что я ищу.Следующий код - это то, что я пробовал.

// For the Javascript

function getUserName() {
  var nameField = document.getElementById('nameField').value;
  var result = document.getElementById('result');
}
document.write(result).value;
// For the HTML

<script src="script.js"></script>
<div class='wrapper'>
  <form id='nameForm'>
    <div class='form-uname'>
      <label id='nameLable' for='nameField'>Create a username:</label>
      <input id='nameField' type='text' maxlength='25'></input>
    </div>
    <div class='form-sub'>
      <button id='subButton' type='button'>Print your name!</button>
    </div>
  </form>

  <div>
    <p id='result'></p>
  </div>
</div>

1 Ответ

0 голосов
/ 03 мая 2019

Вот одно из решений.

Я добавил прослушиватель событий в форму. Когда форма отправлена, я беру значение из ввода и использую его для результата.

<body>

<form id='nameForm'>
    <div class='form-uname'>
        <label id='nameLable' for='nameField'>Create a username:</label>
        <input id='nameField' type='text' maxlength='25'></input>
    </div>
    <div class='form-sub'>
        <button id='subButton' type='submit'>Print your name!</button>
    </div>
</form>

<div>
    <p id='result'></p></div>
</div>

</body>

<script>
    let form = document.getElementById("nameForm")
    form.addEventListener('submit', function(evt){
        evt.preventDefault();
        let username = document.getElementById("nameField").value
        document.getElementById('result').innerHTML = username
    })
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...