Как понять увеличивается input range или уменьшается и добавлять или убирать блок?

Question

[historydev]

Добрый день.Скажите пожалуйста какое событие использовать?Допустим если я буду юзать onchange то следующий код будет добавлять блок вне зависимости от значения ползунка.

let count = $('#counter').val()

        for(i=0; i<count; i++) {
        	
        	$('#results').append(`${count}<br>`)

        }

Answer 1

[Антон]

https://jsfiddle.net/6csa031w/

Comments

[historydev]

Есть альтернатива сбора массива из блоков и юза .html при условиях чтобы блоки лишние убирались?

[Антон]

Владимир, Што?

[historydev]

Антон,

Щитооо

Как мне считать каждый блок как отдельный чтобы при нажатии на кнопку я могу провести операцию с разными входными над каждым блоком?

function counter() {
      	let count = $('#counter').val()

		for(i=0; i<count; i++) {

			boxes.push(`<div class='item'>1</div>`)

		}

		$('#results').html(boxes)
		boxes = []
      }

[historydev]

Антон, планирую с data-id поработать и искать блок циклом

[historydev]

Антон,
Тык вот,посмотрите пожалуйста,у меня почти вышло,только нужно чтобы сразу все блоки показывало,я попытался реализовать это умножением кол-ва родителей на кол-во дочерних,но получил лишь попрыгунчик.Спасибо

Answer 2

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

Ну для этого вам нужно сохранять состояние поля и сравнивать с ним новое значение инпута. И исходя из этого либо удалять, либо добавлять блоки