input event with input[type="range"]

testing to see if using input event works better than change

HTML

€0
<input id="price" type="range" min="0" max="500" value="" />€500
<p id="resultado1"></p>
<p id="resultado2"></p>

CSS

#result {
    font-size: 2em;
}

JavaScript

var p = document.getElementById("price"),
    res1 = document.getElementById("resultado1"),
    res2 = document.getElementById("resultado2");

p.addEventListener("input", function () {
    res1.innerHTML = "€" + p.value;
}, false);
p.addEventListener("mouseup", function () {
    res2.innerHTML = "€" + p.value;
}, false);