Tengo un programa simple y algunas cadenas de datos que quiero pasar a la página HTML alojada localmente, pero recibo el error: Error de referencia: el documento no está definido
Ahí está mi archivo .js index.js:
let some_string = "some data"; document.getElementById("dataButton").onclick = function(){ var paragraph = document.createElement("p"); var text = document.createTextNode(some_string); paragraph.appendChild(text); var element = document.getElementsByTagName("body")[0]; element.appendChild(paragraph); }Y ahí está mi HTML test.html:
<!DOCTYPE html> <html> <head> <title>New title</title> </head> <body> <h1>Data page</h1> <button id="dataButton">Add data</button> <script src="index.js"></script> </body> </html>¡Muchas gracias si a alguien se le ocurre una idea de qué estoy haciendo mal!
Actualice sus archivos a lo siguiente
let some_string = "some data"; const dataButton = document.getElementById("dataButton"); dataButton.addEventListener("click", () => { var paragraph = document.createElement("p"); var text = document.createTextNode(some_string); paragraph.appendChild(text); var element = document.getElementsByTagName("body")[0]; element.appendChild(paragraph); }); <!DOCTYPE html> <html> <head> <title>New title</title> </head> <body> <h1>Data page</h1> <button id="dataButton">Add data</button> <script src="./index.js"></script> </body> </html>