Tengo un control deslizante (rango de tipo de entrada) que se supone que ejecuta una función cuando se cambia el valor. La función debe mostrar el nuevo valor en un contenedor div separado. Después de colocar una alerta en la función, sé que no se está llamando a la función, pero después de buscar en Google durante una hora y probar algunos métodos diferentes, simplemente no puedo encontrar el error.

Aquí está la parte HTML:

<input id="slide" type="range" min="1" max="100" step="1" value="10" onchange="updateSlider(this.value)">

<div id="sliderAmount"></div>

Javascript:

//Slider
function updateSlider(slideAmount)
{
alert("error");
var sliderDiv = document.getElementById("sliderAmount");
sliderDiv.innerHTML = slideAmount;
}

¡Gracias por adelantado!