Escribir la canción de las botellas sobre la pared con JS

Escribir la canción de las botellas sobre la pared con JS

En esta publicación se propone un ejercicio basado en una canción infantil.

El objetivo es practicar la lógica de programación recursiva (por iteraciones).

Puedes leer esta entrada para repasar la teoría.

Enunciado

Basado en la famosa canción infantil «hay n botellas sobre la pared pero si desafortunadamente una se cayera entonces quedan n-1 botellas«.

Reproduce el mismo contenido que en la imagen adjunta.

Enunciado canción botellas con javascript
Enunciado canción botellas con javascript

Solución con un while

Resolvemos el ejercicio mediante un while.

Fijaros que en el caso de quedar 0 botellas entonces modificamos la frase haciendo uso de un if.

var i=10; // empezaré con 10 botellas sobre la pared

while(i>=0){
	if(i!=0){
	document.write("<p>Hay <b>" + i + "</b> botellas sobre la pared. Pero si una botella se cae por mala suerte, entonces quedan <b>");
		i=i-1; //(equivale a escribir i--)
		document.write(i + "</b> botellas sobre la pared</p>");
	}else{
		document.write("<p>Ya no hay <b> ninguna</b> botella sobre la pared.");
		i=i-1; //(equivale a escribir i--)
	}
}

Solución con un for

Presentamos una solución alternativa mediante un for.

for(var i=10; i>=0;i--){
	if(i!=0){
		document.write("<p>Hay <b>" + i + "</b> botellas sobre la pared. Pero si una botella se cae por mala suerte, entonces quedan <b>");
		document.write(i + "</b> botellas sobre la pared</p>");
	}else{
		document.write("<p>Ya no hay <b> ninguna</b> botella sobre la pared.");
	}
}

¡Hola!

Querido lector,

¿Qué opción te gusta más, el while o el for?

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

¿Te ha gustado esta publicación?

¡Valora sobre 5 estrellas esta publicación!

Puntuación media / 5. Votos:

Todavía no hay votos. Sé el primero en valorar la entrada.

Si te ha gustado este contenido...

¡Sígueme en las redes!

Vaya, parece que hay puntos a corregir

¿Me ayudas a mejorar?

Francesc Ricart
hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.