Scribd
Cargar
14 vistas2 páginas

Tarea JavaScript DOM y Control

El documento aborda la manipulación del DOM y el control de flujo en JavaScript, destacando la importancia del DOM para modificar dinámicamente las páginas web. Se discuten las ventajas de las estructuras de control y el uso de funciones para evitar la repetición de código, así como la preferencia por HTML generado por JavaScript por su flexibilidad. También se incluyen ejercicios prácticos que demuestran la creación de funciones y el uso de bucles en JavaScript.

Cargado por

ramirezvalenzuelaivan9
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
14 vistas2 páginas

Tarea JavaScript DOM y Control

El documento aborda la manipulación del DOM y el control de flujo en JavaScript, destacando la importancia del DOM para modificar dinámicamente las páginas web. Se discuten las ventajas de las estructuras de control y el uso de funciones para evitar la repetición de código, así como la preferencia por HTML generado por JavaScript por su flexibilidad. También se incluyen ejercicios prácticos que demuestran la creación de funciones y el uso de bucles en JavaScript.

Cargado por

ramirezvalenzuelaivan9
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

Tarea: Manipulación del DOM y Control de Flujo en JavaScript

1. ¿Por qué crees que el DOM es fundamental para la manipulación dinámica de


páginas web? Explica con un ejemplo.
El DOM (Document Object Model) es fundamental porque representa la estructura del
documento HTML como un árbol de objetos que JavaScript puede modificar en tiempo real.
Por ejemplo, si queremos cambiar el texto de un párrafo sin recargar la página:

document.getElementById("miParrafo").textContent = "Nuevo texto";

2. ¿Qué ventajas ofrece usar estructuras de control (como if, for, while) para
construir la lógica de una aplicación?
Permiten tomar decisiones, repetir tareas y controlar el flujo del programa de forma
eficiente. Por ejemplo, un bucle 'for' puede recorrer una lista de productos sin tener que
escribir muchas líneas de código repetido.

3. ¿En qué situaciones sería mejor usar una función en lugar de repetir código
en JavaScript? Argumenta tu respuesta.
Cuando una misma acción se repite varias veces en distintas partes del programa. Usar
funciones mejora la organización, evita errores y facilita el mantenimiento del código.
Además, permite reutilizar lógica sin escribirla varias veces.

4. ¿Crees que manipular directamente los elementos del DOM es una buena
práctica? ¿Por qué sí o por qué no?
Es útil y necesario para interacciones simples, pero en aplicaciones grandes puede volverse
complejo. Por eso, es mejor usar frameworks o separar la lógica en funciones reutilizables
para mantener el código limpio y fácil de mantener.

5. ¿Cuál es, para ti, la estructura de control más poderosa en JavaScript y por
qué?
El bucle 'for' es muy poderoso porque permite recorrer listas, ejecutar tareas repetitivas y
controlar exactamente cuántas veces se ejecuta algo. Es muy útil en la mayoría de los
algoritmos.

6. ¿Consideras que es más fácil trabajar con HTML estático o con HTML
generado por JavaScript? Justifica tu opinión.
El HTML estático es más fácil para cosas simples, pero el HTML generado con JavaScript es
más flexible e interactivo. Permite actualizar contenidos dinámicamente sin recargar la
página, lo cual mejora la experiencia del usuario.
Tema 2: Ejercicios Prácticos

Crea una función que reciba un número y devuelva si es par o impar:

function esParOImpar(numero) {
if (numero % 2 === 0) {
return "Es par";
} else {
return "Es impar";
}
}

Haz un programa que muestre los números del 1 al 10 usando un bucle for:

for (let i = 1; i <= 10; i++) {


console.log(i);
}

Crea una página con un botón que, al hacer clic, cambie el color de fondo del
body:

<!-- HTML -->


<button onclick="cambiarColor()">Cambiar fondo</button>

<!-- JavaScript -->


<script>
function cambiarColor() {
document.body.style.backgroundColor = "#c2f0c2";
}
</script>

También podría gustarte