Почему я не могу получить значение инпута?

Question

[historydev]

Доброе утро. Скажите пожалуйста, почему мне выдаёт пустоту при заполненном инпуте?

Вот так я пробовал на текущий момент:

document.querySelector('#bet_num').value
$('#bet_num').val()

Весь блок кода (current_mass инициализирована выше с цифровым значением):

$(document).on('click','#add', (e) => {

		current_mass = current_mass + mass

		console.log(document.querySelector('#bet_num').value);

		$('#value').html(`${current_mass}кг`)

		$('.result_bet').html($('#bet_num').val() * current_mass)

	})

Спасибо.

Comments

[Sedbol]

Попробуйте так
document.getElementById('bet_num').value

[Александр]

Sedbol, если так, то без # в селекторе.

[Sedbol]

Seasle, Ну да опечатка))))

[Sedbol]

Seasle, А вообще из переведенного кода querySelector должен отдавать input

[historydev]

Sedbol, всё ещё пустота

[historydev]

Seasle, всмысле? Я id ищу, погуглите.

[Athanor]

Можете скинуть html? Выглядит так, будто input у вас нестандартный и искомый id'шник навешан не на самом элементе инпута.

[Athanor]

Sedbol, почему вы считаете, что это должно сработать?

[Sedbol]

Владимир, А точно у вас input с этим id?

[Шохрух Шаймардонов]

Залейте код в песочницу. Так удобнее будет смотреть/редактировать код совместно)

[historydev]

Athanor, я инжектю инпут если соблюдены условия

const inputs = `<div id='inputs'>
						<input type='number' step='${step}' id='bet_num' onclick='if(this.value < ${start_bet}) $(this).val(${start_bet});' oninput='return $(this).val()' placeholder='Ставка минимум: ${start_bet}руб./кг'>
						<div class="mass"><div id="value">${mass}кг</div><div id="add">+</div><div id="remove">-</div></div>
						<div class="result_bet">${start_bet * current_mass} р.</div>
						<button id='submit'>Предложить</button>
					</div>`;

[historydev]

Sedbol, Да,я блин уже много часов копаюсь, тут на вид 5 минут работы, а начал чинить, всё через одно место пошло, дебагер не видит ошибок, в консоли аналогично.

[Athanor]

Владимир, воспроизвел ситуацию, если ввести число в input, и нажать на кнопку, то все выводится в консоль.
https://jsfiddle.net/xoqvmgub/

возможно дело как раз в этом вашем инжекте инпутов(что бы это не было). Так или иначе, недостаточно данных, чтоб сказать точнее. Попробуйте, как вам уже советовали, собрать песочницу.

[Марат Долотов]

может у вас #bet_num не уникальный?

[historydev]

Марат Долотов, уникальный, тут один инпут на всю страницу

[historydev]

Athanor, вот весь код, пол часа подстраивал, один фиг не работает в песочнице..

тык

[historydev]

Шохрух Шаймардонов, тык

[historydev]

Шохрух Шаймардонов, этот код работает на локалке тык

[historydev]

Athanor, этот код работает на локалке тык

[irishmann]

Владимир, открой консоль и посмотри на ошибки.

[Athanor]

Владимир, довольно запутано и неподдерживаемо. Не думали отказаться от jquery и переписать все на какой-то современный фреймворк? выглядит так, будто вы его в коде как раз пытаетесь изобрести :) проблема с инпутом решилась бы сама собой

[historydev]

Athanor, да дедлайны долбаные, поздно понял что из jquery выйдет каша из говна и палок, думаю перепишу на рефакторинге после допилки функционала

[historydev]

irishmann, умно)

[historydev]

Athanor, я бы на реакте всё написал, но пока руки не дошли, хочу тайп и реакт в будущем в стэке иметь и работать на постоянной основе, за этот год думаю освою

Answer 1

[Athanor]

Удалось починить вашу песочницу. Она не работала, потому что js начинал выполняться до окончания загрузки html.

Снизу добавил кнопку, которая выводит содержимое инпута в консоль, все работает, если в инпуте есть какое-то значение, оно выводится.

Comments

[historydev]

Короче психанул, переписал всё под чистую, баг пропал, вы были правы) (Без jQuery) Спасибо!