Para trabajar con JavaScript se deben tener conocimientos básicos en HTML, aunque la mayoría de los desarrolladores aprendemos estas 2 tecnologías de forma simultánea, para poder usar JavaScript en conjunto con nuestro HTML podemos ocupar las siguientes formas:
Incluirlo dentro de nuestro HTML
se puedes agregar un segmento de código JavaScript dentro de nuestra página HTML haciendo uso de las etiquetas <script></script> usualmente esta etiqueta se ubica en el <head> o en el hasta el final del documento para tener un sitio web más rápido.
<!DOCTYPE html>
<html>
<head>
<title>Agregar JavaScript</title>
<script>
//segmento para código js
</script>
</head>
<body>
<script>
//segmento para código js
</script>
</body>
</html>Es muy importante considera que el código se lee de arriba hacia abajo, de modo que si agregamos nuestro javaScript al final del body, debemos asegurarnos de el sitio cargue completamente, esto para evitar que exista comportamientos extraños o se desconozca al una elemento del HTML o variable
Mandarlo a llamar desde un archivo externo.
Desde mi punto de vista esta es una mejor opción tener por separado nuestro código JavaScript de nuestro HTML.
por ejemplo tener el siguiente directorio: assets/js/main.js
alert("Hola Mundo");
Código HTML
<!DOCTYPE html> <html> <head> <title>Agregar JavaScript</title> <script src="assets/js/main.js"></script> </head> <body> <script> //segmento para código js </script> </body> </html>
De estas formas podemos trabajar con HTML y JavaScript dentro de un mismo proyecto ¿Cuál es tu favorita?