Estoy tratando de recibir un mensaje cuando se hace clic en el botón, pero sigo recibiendo errores en mi consola y el botón no funciona. Es mi primera semana aprendiendo js.
El error que estoy recibiendo en la consola es:
Error de referencia no detectado: la compra no está definida en HTMLButtonElement.onclick (shoe.html:10:32)
let showMessage = document.getElementById("error=el"); let message = " sorry some error!" function purchase(){ //console.log('clicked'); showMessage.textContent = message; } purchase(); <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <button onclick="purchase()">Purchase</button> <p Id="error-el"></p> </body> </html>Hay algunos pequeños errores en el código que arreglé,
error=el en lugar de error-el . El problema aquí era el = en lugar de - let showMessage = document.getElementById("error-el"); let message = " sorry some error!" function purchase(){ showMessage.textContent = message; } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <button onclick="purchase()">Purchase</button> <p id="error-el"></p> </body> </html>Para usar JavaScript en su HTML, debe cargar el script desde otro archivo usando una etiqueta <src> o escribirlo directamente en el archivo .html con una etiqueta <script> .