Code Ready | Frontend

✅ Создание простого ползунка со значением



Этот код создает простой ползунок на веб-странице, который позволяет пользователю выбирать значение от 0 до 100. Под ползунком отображается текущее выбранное значение.

<div>

    <input type="range" max="100" id="sliderRange"/>

    <p>Value: <span id="demo"></span></p>

 </div>

const slider = document.getElementById("sliderRange");

const output = document.getElementById("demo");

output.innerHTML = slider.value;



slider.oninput = function () {

   output.innerHTML = this.value;

};

@code_ready | #обучение #js