Как изменять value в поле input динамически?

Перерыл весь гугл и нечего не нашел.
Допустим у меня есть поле input и кнопка которая увеличивает значение в input. При увеличении я хочу чтобы у меня изменялся value поля input сразу прямиком в html, возможно ли такое?
<input type="number" value="0">
<button id="button" type="button">+</button>


если я делаю вот так, то в html в поле value все равно остается 0, ничего не меняется.

const input  = document.querySelector('input');
const button = document.querySelector('#button');

button.addEventListener('click', function() {
input.value = +input.value + 1;

console.log(input.value);
});
  • Вопрос задан
  • 125 просмотров
Решения вопроса 1
mr_akkain
@mr_akkain
Потихоньку учусь
Надеюсь это поможет.

const input  = document.querySelector('input');
const button = document.querySelector('#button');

button.addEventListener('click', function() {
input.value = Number(input.value) + 1;
input.setAttribute('value', input.value);
console.log(input.value);
});
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
порядок действий. Сначала конвертируете string в float, а затем увеличиваете на единицу
input.value = parseFloat(input.value) + 1;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы