Pongo un boton con una funcion y me da error:
end1.html: "20 Error de referencia no capturado: la recarga no está definida en HTMLButtonElement.onclick"
¿Cómo puedo solucionar esto?
<body> <button id="Reload" type="button" class="myButton" onclick="reload()"> reload </button> <script> function reload(){ if(localStorage.a==6){ Location.href="page2.html"; } if(localStorage.a==8){ Location.href="page3.html"; } if(localStorage.a==10){ Location.href="page4.html"; } } </script> </body>Una solución es usar la función incorporada addEventListener() en JavaScript, en lugar de usar el atributo onclick en HTML.
Para usar esta función, puede eliminar el atributo onclick en su elemento <button> en su HTML, para que se vea así.
<button id="Reload" type="button" class="myButton">Reload</button> Luego, puede agregar la siguiente función en su JavaScript. Agrega las siguientes líneas debajo de tu función reload() .
const reloadButton = document.querySelector("#Reload"); // Get the button from the DOM function reload() { // Function code... } reloadButton.addEventListener("click", reload); // Alternative to 'onclick' El oyente esperará un evento de click y, cuando ocurra, ejecutará la función reload() (sin un ReferenceError ).
Además, en su función reload() , debe cambiar Location a location . Esto se debe a que JavaScript distingue entre mayúsculas y minúsculas y generará un error si deja la Location tal como está.
// Before Location.href; // After location.href;