Ejemplo !Hola Mundo!

5890

Dentro de cualquier carpeta dentro de tu computadora, crea un nuevo archivo llamado main.js y guárdalo.
Crea un archivo html llamado index.html en el mismo lugar donde creaste tu archivo main.js
Dentro del archivo index.html crea una estructura básica con la línea html:5

<htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>Document</title></head><body></body></html>

4.Ingresa las siguientes dos líneas de código dentro de tu archivo html

<h1>Platzi is cool</h1><scriptsrc="./main.js"></script>

Y este quedaría de la siguiente manera:

<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><!-- <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> --><title>Document</title></head><body><h1>Platzi is cool</h1><scriptsrc="./main.js"></script></body></html>

Ahora añade el siguiente código al archivo main.js

const miTitulo = document.querySelector('h1');
miTitulo.textContent = '¡Hola Mundo!';

Recuerda que Document.querySelector() retorna el primer elemento dentro del documento que coincide con el selector especificado, o grupo de selectores.
Guarda los archivos HTML y JavaScript, y abre index.html en el navegador de tu preferencia.
Gracias por visitar mi tutorial!

hace 2 años