Input type RANGE slider

Hi there m trying to get an range slider input i have used the paragraph for the html markup — how would i get the form to start pulling/hooking the information from the slider?

— here is html markup and script —

<div class=”slidecontainer” >
<input type=”range” min=”1″ max=”100″ value=”50″ class=”slider” id=”myRange” data-id=”text”>
<p>Value: <span id=”demo”></span></p>
</div>

<script>

var slider = document.getElementById(“myRange”);
var output = document.getElementById(“demo”);
output.innerHTML = slider.value; // Display the default slider value

// Update the current slider value (each time you drag the slider handle)
slider.oninput = function() {
output.innerHTML = this.value;
}

</script>

The page I need help with: [log in to see the link]