получить значение тега <input> JS

270
17 июля 2017, 17:16

Привет.

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

Сам код:

<div>
    Write time:
    <input type="text" id="get_num" name="get_num" value />
</div>
<div id="add" class="btn">Add</div>
<div id="total_time"></div>
<script type="text/javascript">
    var getNum = document.getElementById('get_num').value;
    var addTime = document.getElementById('add');
    addTime.addEventListener('click', getN);
    function getN() {
        console.log(getNum);
    }
</script>

Заранее спасибо!

Answer 1

Потому что получать значение нужно непосредственно в обработчике.

Сейчас же ты выводишь то, чтобы сохранено при загрузке страницы.

var addTime = document.getElementById('add'); 
 
addTime.addEventListener('click', getN); 
 
function getN() { 
  var getNum = document.getElementById('get_num').value; 
  console.log(getNum); 
}
<div> 
  Write time: 
  <input type="text" id="get_num" name="get_num" value /> 
</div> 
<div id="add" class="btn">Add</div>

READ ALSO
Окончание ресайза окна javascript

Окончание ресайза окна javascript

Если нужно выполнять какой-то код при изменении размера окна браузера, то повесим обработчик события resize на window:

322
Ошибка запуска webpack и webpack-dev-server

Ошибка запуска webpack и webpack-dev-server

Создаю клиентское приложение на React и ReduxИспользую Webpack

351