Introducción a JavaScript para principiantes

Separando el código

Organizar el código es fundamental para crear aplicaciones escalables y bien ordenadas, de ahí que no sea necesario escribir todo nuestro código en el propio HTML, podemos escribirlo en sus propios ficheros y cargarlos como si fueran librerías de código.

Vamos a crear un fichero index.js en nuestro proyecto y dentro escribiremos el código javascript sin las etiquetas:

index.js

// Esto es un comentario
console.log('Hola mundo');

Ahora podemos cambiar lo que teníamos antes y cargar este fichero con su contenido de la siguiente forma:

index.html

  <script src="index.js"></script>
</body>

Funcionará exactamente igual que antes, pero habremos separado el código, dejando el HTML con la maquetación y el scripts JS para la lógica de JavaScript.