Как изменять значения input в html структуре через клик по кнопке?

Question

[Валентин Попов]

Добрый день.
Написал такой скрипт где есть поле инпут и по бокам кнопки плюс и минус.
При клики на эти кнопки значения в поле input меняются, но я не могу понять как мне сделать чтобы значения поля input менялись сразу в блоке div где я хочу вывести значения input при кликах.
Т.е у меня ноль не меняется при кликах на кнопки
Вот реализация
https://jsfiddle.net/audybx57/

Comments

[Вадим]

Т.е у меня ноль не меняется при кликах на кнопки

Ну так а где Вы вызываете функуцию, которая меняет значение в диве?

[Валентин Попов]

Ну вообще мне надо ее вызывать по идеи тогда когда я кликаю на кнопку плюс и минус, но я пробывал вызывать и не работает

[Валентин Попов]

Решил данный вопрос. Я не ту функцию вызывал.
Вообщем функцию которая меняет значение в блоке div надо вызывать в функциях которые отвечают за клик на кнопках минус и плюс.

Answer 1

[Nekio]

Измените

let theForm = document.forms["form"];

на

let theForm = document.querySelector('.form');

вызовите функцию getTotal()

а также в функции getTotal() измените total.innerTEXT на total.innerHTML

Comments

[Валентин Попов]

Ну да я там ошибся, надо id в html прописать id="form" и не надо на querySelector менять
Но все равно не работает.

[Nekio]

Валентин Попов,

<script>
        

        let theForm = document.querySelector('.form');
let counts = theForm.elements["ssend4"];
const total = document.querySelector('.total');
let countValue = 0;


function increaseValue() {
	var value = parseInt(document.getElementById('number').value, 10);
	value = isNaN(value) ? 0 : value;
	value++;
	document.getElementById('number').value = value;
}

function decreaseValue() {
	var value = parseInt(document.getElementById('number').value, 10);
	value = isNaN(value) ? 0 : value;
	value < 1 ? value = 1 : '';
	value--;
	document.getElementById('number').value = value;
}

function getValueCount() {
	if(counts.value != '') {
		countValue = parseInt(counts.value);
	}
	return countValue;
}

function getTotal() {

	total.innerHTML = getValueCount();
}

getTotal()
    </script>

[Nekio]

Валентин Попов, Вот исправленный скрипт, он работает