var slide = document.getElementById("slider");
slide.onclick = function() {
alert(this.value)
}
<input type="range" id="slider" name="slider">
Using onclick
works.
var slide = document.getElementById("slider");
slide.oninput = function() {
alert(this.value)
}
<input type="range" id="slider" name="slider">
Using oninput
works.
var slide = document.getElementById("slider");
function thistest() {
alert(this.value)
}
slide.addEventListener("input", thistest, false);
<input type="range" id="slider" name="slider">
Using a separate function with eventlistener
works.
However...
var slide = document.getElementById("slider");
slide.addEventListener("input", ()=> {
alert(this.value)
}
);
<input type="range" id="slider" name="slider">
Using anonymous function on eventlistener
, it returns undefined.
According to MDN, this
on eventlisterner
, should return the value of the element on which it's placed. But that's not what happens. Why?