Estoy aprendiendo los conceptos básicos de JS y necesito que mi página html se cargue antes de JS si es posible, lo he intentado
document.addEventListener("DOMContentLoaded", function(event) { code here });Pero no funcionó, también traté de poner mi enlace "guión" en mi cuerpo html pero no cambió nada, traté de escribir "aplazar" en "guión", no pasó nada.
codigo js
var lbs = prompt("What is the weight in pounds (lbs)?") var kg = pounds * 0.454 alert("That is: " + kg + " kilograms") console.log("Conversion completed")El código HTML es solo un cuerpo con texto Lorem simple en la etiqueta p
Normalmente, debe agregarlo en la parte inferior del cuerpo.
<html> <head> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>CRP</title> <link rel="stylesheet" href="styles.css"> </head> <body> <!-- content --> <script src="script.js"></script> </body> </html>El evento DOMContentLoaded debería funcionar. Se activará después de que se cargue todo el DOM en la página. Tal vez intente el evento de carga de ventana. Se activará después de que se cargue toda la página con todas las referencias (imágenes, etc.).
Depure todos los errores que tenga, como si estuviera usando la variable libras y luego la variable libras que no está inicializada en su código.
window.addEventListener("load", (e) => {}); document.addEventListener("DOMContentLoaded", (e) => {});