Aprendizaje activo: ¡Inicia la cuenta atrás!
En este ejercicio, queremos que imprima una cuenta regresiva de lanzamiento simple en el cuadro de salida, desde 10 hasta Despegue. Específicamente, queremos que usted:
- Recorra desde 10 hasta 0. Le proporcionamos un inicializador: var i = 10;.
- Para cada iteración, cree un nuevo párrafo y agréguelo al div de salida, que hemos seleccionado usando var output = document.querySelector('.output');. En los comentarios, le proporcionamos tres líneas de código que deben usarse en algún lugar dentro del bucle:
- var para = document.createElement('p'); — crea un nuevo párrafo.
- salida.appendChild(párrafo); — agrega el párrafo al div de salida.
- para.textContent = — hace que el texto dentro del párrafo sea igual a lo que pongas en el lado derecho, después del signo igual.
- Los diferentes números de iteración requieren que se coloque un texto diferente en el párrafo para esa iteración (necesitará una declaración condicional y varias líneas para.textContent =):
- Si el número es 10, imprima 'Cuenta regresiva 10' en el párrafo.
- Si el número es 0, imprima '¡Despegue!' al párrafo.
- Para cualquier otro número, imprima solo el número del párrafo.
- ¡Recuerde incluir un iterador! Sin embargo, en este ejemplo estamos realizando una cuenta regresiva después de cada iteración, no hacia arriba, por lo que no desea i++. ¿Cómo se itera hacia abajo?
Si comete un error, siempre puede restablecer el ejemplo con el botón 'Reset'. Si realmente te quedas atascado, presiona 'Mostrar solución' para ver una solución.
Aprendizaje activo