¿Ya has terminado de diseñar la estructura de tu contenido en HTML? y también ¿sabes el nivel de dinamismo que tendrá cada elemento en el Js? Aquí te comparto dos métodos para enlazar tu estructura HTML con tu archivo/código JS:
1- Redactar el código JS dentro del HTML: podemos escribir nuestro código JavaScript en el documento HTML mediante el uso de la etiqueta ‘’<script></script>’’, la cual puede ir incluida dentro de la etiqueta <head></head> o <body></body>.
<!DOCTYPE html><htmllang="en"><head><title>Enlaces: Js dentro del HTML</title><script>++Código JavaSacript++</script></head><body><script>++Código JavaSacript++</script></body></html>2-Enlazar un documento Js externo al HTML: para lograr esto podemos utilizar el atributo “src”, el cual nos permite acceder a los archivos externos al HTML, en el cual debemos especificar la ruta/ dirección del documento que necesitamos.
<!DOCTYPE html><htmllang="en"><head><title>Enlace: archivos externos</title><scriptsrc="./carpetaJs/archivo.js"></script></head><body><scriptsrc="./carpetaJs/archivo.js"></script></body></html>Nota: este último método también funciona para documentos Js online, es decir, que no se encuentren en la carpeta del proyecto sino en algún sitio web, basta con especificar la dirección de enlace dentro del atributo ‘src’; sin embargo, se debe tener a consideración que (al igual que ocurre con las fotos y videos) si la dirección de enlace sufre algún cambio o si la conexión es débil/nula el archivo Js no se ejecutará.
