Escribí un pequeño archivo HTML. Agregué algunos botones con atributos onclick y escribí mis funciones dentro de una etiqueta de "script". Todos funcionan perfectamente, pero la función con el nombre "clear" no funciona.
HTML:
<div> <input type="button" value="Copy" onclick="copy();" /> <input type="button" value="Clear" onclick="clear();" /> </div>JavaScript:
function copy() { console.log("copy"); navigator.clipboard.writeText( document.getElementById("result_box").value ); } function clear() { console.log("clear"); }Cuando hago clic en ambos botones, la consola del navegador me muestra solo un mensaje: "copiar". Sin errores.
Si cambio el nombre de esta función, comienza a funcionar. No entiendo por qué está sucediendo. Pensé que la palabra "claro" es una palabra reservada de JavaScript, pero no pude encontrar esta palabra en la lista de palabras clave en la documentación. ¿Algunas ideas?
El razonamiento detrás de esto es que clear() dentro de un botón llama a document.clear en lugar de your clear.