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.[vc_custom_heading text=»Solución mediante uso de for» font_container=»tag:h3|text_align:left» use_theme_fonts=»yes»]
<!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>
[vc_custom_heading text=»Solución mediante uso de while» font_container=»tag:h3|text_align:left» use_theme_fonts=»yes»]
<!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!
Deja una respuesta