Как вызывать событие клика и считывание input?

141
24 сентября 2018, 20:50

https://codepen.io/anon/pen/gjRYWx

<body>
<form>
<div id="letter"></div>
<input type="text" value="" id="city" >
<input type="button">


 function generateRound(myUser, myBot) {
        var rand = 0;
        rand = 0 + Math.floor(Math.random() * (ab.length + 1));
        LettersDiv.innerHTML = ab[rand];
        var myChoise;
        myChoise = document.getElementById("city").value;

Делаю приложенице типа игры в города. Как вы видите, появляется рандомная буква выше input. Так вот после этого я ввожу в input город на эту букву и жму на кнопку. Таким образом, она должна считаться и должно продолжиться выполнение функции. Затем новая итерация, следующая буква и следующее слово.

На данный момент программа ничего не считывает и обрабатывается дальше с пустым значением. (в myChoise пустая строка)

Answer 1

Так у Вас проблема только с кнопкой? Если так, то поставьте обработчик на событие onclick, в нём вызывайте свою функцию для обработки клика. Вот пример:

function myFunction() { 
  document.getElementById("demo").innerHTML = "Hello, World!"; 
}
<button onclick="myFunction()">Нажми!</button> 
 
<p id="demo"></p>

READ ALSO
Vue не работает фильтр uppercase
javascript

Vue не работает фильтр uppercase

 170
Не работает функция SeriesSum(n)
javascript

Не работает функция SeriesSum(n)

Функция возвращает строку в формате "ххх"

 155
Как выглядит изнутри нативная функция apply?
javascript

Как выглядит изнутри нативная функция apply?

Как известно синтаксис функции apply: funcapply(context, [arg1, arg2]); Как будет выглядеть кастомная функция, которая принимает контекст, аргументы в массиве...

 187
Как обратиться к this.$store с компонента в nuxt?
javascript

Как обратиться к this.$store с компонента в nuxt?

Я создаю хранилище Classic mode, как написано в докахВ компоненте страницы обращение к this

 156