JSFiddle - React, Tailwind, and code Playground

by Tjacke

HTML

<input type="range" min=100 max=300 step=5 value=150 id="mySlider">
<div id="myDiv"></div>

CSS

#myDiv {
    background-color: red;
    width: 150px;
    height: 50px;
}

JavaScript

// Denna kod ligger i slutet av <body>, precis innan </body>
var mySlider = document.getElementById('mySlider');
var myDiv = document.getElementById('myDiv');

mySlider.addEventListener('change', function () {
    myDiv.style.width = mySlider.value+"px";
}, false);