HTML:-
<button type="button" onclick="alert()">Want a greeting?</button>
Javascript: -
function alert(){ alert('working...') }
Llame a su función de cualquier otra forma que no sea alert . Es una palabra clave reservada, y el error que te da tu código es:
InternalError: demasiada recursividad
function handleClick() { alert('working...'); } <button type="button" onclick="handleClick()">Want a greeting?</button>alert() es un método integrado de JavaScript.
https://developer.mozilla.org/en-US/docs/Web/API/Window/alert
Si cambia el nombre de su función, eso solucionará el problema:
function test(){ alert('working...') } <button type="button" onclick="test()">Want a greeting?</button>Puede anular el método de alerta, pero no puede llamar recursivamente a la misma función. El problema con el que te encuentras es una recursividad infinita, estás llamando alerta> alerta> alerta> alerta>...
Sin embargo, algo como esto funcionaría.
window.alert = function alert(message){ console.log(message) } <button type="button" onclick="alert('test')">Want a greeting?</button><button type="button" onclick="click()">Want a greeting?</button> <script> let click = () => {alert('working...');}</script>