Cómo usar javascript

Como usar Javascript con HTML

  • En html, Javascript siempre debe estar insertado entre las etiquetas <script></script>

Hay 3 formas de agregar JS a tu proyecto html

  • Dentro de la etiqueta <head>
  • Dentro de la etiqueta <body>
  • Externo

Dentro de la etiqueta <head></head>

Insertaremos nuestro código javascript dentro de nuestra etiqueta <head></head>

Ejemplo
<!DOCTYPE html>
<html>
<head>
<script>
 alert("Hola Javascript");  
</script>
</head>
        
<body>
<p>Aparecerá una alerta al tratar este ejemplo. La alerta sucederá porque estamos usando el método de alerta javascript.</p>
</body>
</html>

Dentro de la etiqueta <body></body>

Insertaremos nuestro código javascript dentro de nuestra etiqueta <body></body>

Ejemplo
<!DOCTYPE html>
<html>
<body>
<p>Aparecerá una alerta al tratar este ejemplo. La alerta sucederá porque estamos usando el método de alerta javascript.</p>

 <script>
   alert("Hola Javascript"); 
 </script>
</body>
</html>

Externo Javascript

Ejemplo
<!DOCTYPE html>
<html>
<head>
</head>

<body>
<p>Aparecerá una alerta al tratar este ejemplo. La alerta sucederá porque estamos usando el método de alerta javascript.</p>

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

Los scripts externos no contienen las etiquetas <script></script>

script.js
alert("Hola Javascript");