21 Oct Ejercicio – Vamos a dormir, hay 100 ovejas que contar
En este ejercicio vamos a aplicar el concepto de iteración en javascript.
Hay varias formas de hacerlo:
- Mediante un for.
- Mediante un while.
Te sugiero leer esta entrada.
Encontrarás un resumen de las principales estructuras iterativas (bucles) y condicionales.
Enunciado
A Juan le cuesta mucho dormir. Tanto es así que ha decidido colgarse en la pared la letra de una canción que ha encontrado en Youtube.
¿Puedes ayudarle a contar 100 ovejas?
Soluciona el ejercicio de dos formas distintas. La primera mediante un for y la segunda mediante un while.
Solución del ejercicio
While y for son a menudo expresiones que se pueden usar indistintamente.
Usa for cuando sepas que tienes que ir de un número a otro y while cuando lo que necesites es corroborar que se cumple una determinada condición.
Solución mediante uso de for
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="práctica while o for">
<meta name="author" content="Francesc Ricart">
<title>Vamos a dormir, contemos ovejas - Solución FOR</title>
</head>
<body>
<script>
contarOvejas();
function contarOvejas(){
for (i=100;i>0;i--){
document.write("<p>Vamos a contar ovejas, quedan <b>" + i + "</b> por contar</p>");
}
document.write("<p>Hemos contado todas las ovejas, ya no queda ninguna por contar</p>");
}
</script>
</body>
</html>Solución mediante uso de while
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="práctica while o for">
<meta name="author" content="Francesc Ricart">
<title>Vamos a dormir, contemos ovejas - Solución While</title>
</head>
<body>
<script>
contarOvejas();
function contarOvejas(){
var i=100;
while (i>0){
document.write("<p>Vamos a contar ovejas, quedan <b>" + i + "</b> por contar</p>");
i--;
}
document.write("<p>Hemos contado todas las ovejas, ya no queda ninguna por contar</p>");
}
</script>
</body>
</html>¡Hola!
Querido lector,
Espero que este ejercicio te haya servido para practicar el for y el while.
¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!
Entradas relacionadas:
Ejercicio con solución de la serie ejercicios javascript puro dónde se muestra como modificar el href de todos los enlaces de una web.
Ejercicio práctico con solución sobre como crear un menú vertical con submenú vertical desplegable en javascript sin jquery. Incluye solución.
Problema javascript que devuelve en formato texto el día de la semana en el que esamos. Incluye 2 posibles soluciones con switch() y array.
Veamos como podemos deshabitar el envío de un formulario web mediante javascript haciendo uso del evento submit() y preventDefault()
Repasamos las distintas formas que existen de asociar eventos javascript a etiquetas html. Ya sea por acoplamiento directo o como evento semántico. Comparamos también con addEventListener()
Ejemplo de programación de un script que devuelve una hora con formato personalizado hh:mm:ss.
No Comments