Cargando...

JavaScript HTML

HTML estructura; CSS estila; JavaScript comportamiento. Esta lección: cargar scripts.

Respuesta directa

<script> inline o <script src="app.js"></script>. Muchos al final de body.

Inline script example

html
HTML Code
<button id="hi" type="button">Say hi</button>
<script>
document.getElementById("hi").addEventListener("click", function () {
document.getElementById("hi").textContent = "Hello!";
});
</script>

External script

html
HTML Code
<script src="app.js"></script>

Contenido usable sin script. No info crítica solo en JS.

Pruébalo

  1. botón con id
  2. script pequeño
  3. app.js
  4. HTML tiene sentido sin JS

Errores fáciles

  • contenido solo JS
  • src roto
  • inline enorme

Resumen

  • script carga JS
  • .js externo
  • HTML base
  • JS aparte

🧠 Pon a Prueba tu Conocimiento

Listo para Empezar

Pon a Prueba tu Conocimiento

Ponte a prueba con este cuestionario interactivo y descubre qué tan bien entiendes el tema

❓
4
Preguntas
🎯
70%
Para Aprobar
♾️
∞
Tiempo
🔄
∞
Intentos

📝 Instrucciones

  • Lee cada pregunta cuidadosamente
  • Selecciona la mejor respuesta para cada pregunta
  • Puedes repetir el quiz tantas veces como quieras
  • Tu progreso se mostrará en la parte superior