Как сделать счетчик с ползунком на js?

Question

[Данил Ларионов]

Доброго времени суток)
У меня появился такой вопрос, хочу сделать такой вот ползунок
Я видел похожие скрипты https://atuin.ru/blog/varianty-oformleniya-jquery-...
Но почему-то у меня это не работает, да и очень большой код, хотел бы его сделать меньше)
Я надеюсь вы сможете мне помочь, буду очень благодарен каждому за совет, если что за стили ненужно заморачиваться я сам сделаю, хочу узнать как будет выглядеть js код, ну и html для примера)

Answer 1

[Евгений]

<input id="range" type="range" min="1000" max="10000">
<p></p>

const input = document.querySelector('#range');
const log = document.querySelector('p');

input.addEventListener('input', updateValue);

function updateValue(e) {
  log.textContent = e.target.value;
}

Comments

[Данил Ларионов]

Не работает, я даже немного подправил код и дал id

<input id="range" type="range" min="1000" max="10000">
<p id="p"></p>

const input = document.querySelector('#range');
const log = document.querySelector('#p');

input.addEventListener('input', updateValue);

function updateValue(e) {
  log.textContent = e.target.value;
}

[Данил Ларионов]

Прошу прощения, просто не туда смотрел)