Почему не работает console log?

Question

[Kyrat Farre]

Не могу понять почему в консоли разработчика не отображается число ?
вот код

var drves = $( ".calc8input" ).val();

                         console.log(drves);

код html input:

<input name="anotherweight" class="calc8input" type="number" placeholder="Укажите вес" id="calc8input" required="">

Answer 1

[Kyrat Farre]

код в теге script после формы

Answer 2

[Роман Макаров]

У вас этот js код внутри обработчика? Иначе он может отработать при загрузке, когда у input ещё нет никакого значения value.

Answer 3

[Карл Майнхофф]

Во-первых: по возможности, делайте selector по id.
Во-вторых: в это поле вводить должен пользователь или там уже есть значение. Если первое, то нужно брать по событию. onchange, например. Если уже есть - все должно работать.

Answer 4

[Денис Инешин]

Потому что его там нет: https://jsfiddle.net/ouhekfvq/
На момент запуска кода, в поле действительно нет атрибута value.

Чтобы отслеживать изменения, нужно сделать так:
https://jsfiddle.net/ouhekfvq/1/

Answer 5

[Евгений Кылин]

$(document).ready(function(){
var drves = $( ".calc8input" ).val();
console.log(drves);
})