Hola a todos, debajo tengo script.js e index.html. Quiero usar la variable outputHTML de script.js en las etiquetas de script de index.html para poder imprimirlas en forma de tabla en mi página (estoy bastante seguro de que tengo que hacerlo de esta manera porque estoy usando el nodo ). Sin embargo, index.html no parecerá reconocer el valor de outputHTML de script.js y no tengo idea de por qué. Ojalá alguien pueda ayudar, gracias de antemano.
guión.js
var outputHTML = ''; var animals = ["cat", "dog", "goat", "turkey", "buffalo"]; // Loop over our arrays and create our html string outputHTML += "<table>"; for (var i = 0; i < animals.length; i++) { outputHTML += "<tr>"; outputHTML += "<td>" + animals[i] + "</td>"; outputHTML += "</tr>"; } outputHTML += "</table>"; export { outputHTML }; ------------------------------------------------= //index.html file <!DOCTYPE html> <html> <head> <script type="text/javascript" src="script.js"> </script> </head> <body> <button onclick= "f()"> Click To Access Animals </button> <div> <p id="text" style="color:purple; font-weight:bold;font-size:20px;"> </p> </div> <script type="text/javascript"> import { outputHTML } from './script.js'; function f() { document.getElementById("text").innerHTML = outputHTML; } </script> </body> </html>