Ejercicio – Programación de una ventana infinita cansina en JS

Ejercicio – Programación de una ventana infinita cansina en JS

Print Friendly, PDF & Email
Ejercicio – Programación de una ventana infinita cansina en JS
Valora esta entrada
Este ejercicio tiene una dificultad mayor a la de los ejercicios realizados hasta el momento.

Hay muchas formas de resolverlo.

Aplicaremos el concepto de condicional con la estructura if(){}else{}.

Usaremos también una función que se llama a si misma. O alternativamente también lo puedes resolver con un while(){}.

Pasemos a la práctica.

Enunciado

Escribe un script que pregunte al usuario el color del caballo blanco de Santiago.

En caso de que el usuario no escriba nada la respuesta por defecto será siempre “cualquier otro color”.

En el caso que el visitante acierte la respuesta finalizaran las ventanas emergentes y se escribirá un mensaje por pantalla con la respuesta que haya indicado el visitante.

Ejemplo ventana emergente
Ver solución (Haz clic)

Solución del ejercicio

Podemos solucionar el ejercicio con un while o con una función que se llama a si misma siempre que se cumpla una determinada solución.

He optado por la segunda solución.

El script empieza llamando a la función emergente().

La función emergente almacena mediante la función preguntar la respuesta del usuario.

Mediante toLowerCase() transformamos el texto a minúsculas. Sin embargo la variable sigue almacenada intacta tal y como la escribió el usuario.

A continuación utilizamos un if – else.

En caso de cumplirse la condición el script continua del lado del if.

En caso de no cumplirse entra en el lado del else. Escribimos entonces por pantalla mediante document.write()

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="práctica functions y while">
        <meta name="author" content="Francesc Ricart">
        <title>Ejercicio preguntas infinitas</title>
    </head>
    <body>
    
    <script>
        
        emergente();
        
        function emergente(){
            var respuesta = preguntar();
            var condicion = respuesta.toLowerCase() == "blanco";
            if (!condicion){
                emergente();
            }else{
                document.write("CORRECTO! El caballo BLANCO de Santiago es " + respuesta);    
            }    
        }
        
        function preguntar(){
            return window.prompt("De que color es el caballo BLANCO de Santiago?","rojo no es");
        }
    
    </script>

    </body>
</html>

¡Hola!

Querido lector,

El caballo blanco de Santiago es de color…

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

Entradas relacionadas:

Tipos de variables en Javascript
- 686
En programación se dice que una variable es un recurso de memoria del ordenador reservado para alojar una información. En Javascript existen 5 tipos de variables: textos, números, booleanos, objetos y...
Ejercicio JS – Crear un cronómetro con javascript
- 36
Completo cronómetro JS dónde se usa setInterval, addEventListener, removeEventListener y se repasan conceptos de CSS. Incluye solución.
Ejercicio – El pokemon corredor
- 32
Ejercicio con solución dónde se usa setInterval y el posicionamiento relativo y absoluto de una caja html. Serie de ejercicios javascript.
¿Empezar por Javascript o Python? ¿Continuar con jQuery o angular? ¿Y node.js?...
- 227
¿Qué aprender primero? Gentileza de Stack Overflow algunas pistas. ¿Primero javascript o python? ¿Continuar con jquery o node.js?
Estructura condicional switch en Javascript
- 554
Podemos escribir una estructura condicional mediante el if(){}else if(){}else{} o mediante el switch(){}. ¿Cuando usar una opción y no la otra? En esta entrada vemos un ejemplo para el switch y coment...
Como contar vocales y espacios en blanco en un texto mediante javascript
- 75
Ejercicio con solución dónde se muestra como hacer un script que cuenta todas las vocales y espacios en blanco de un texto introducido por el usario.
Ejercicio – Escribir un texto almacenado en una variable
- 63
Este es un simple ejercicio cuyo objetivo es únicamente coger un poco de soltura usando expresiones típicas en javascript.
Introducción a los eventos javascript
- 277
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()
Ejercicio – ¿Estamos en fin de semana?
- 83
Ejercicio dónde se resuelve un simple ejercicio mediante el uso de getDay() y se compara un switch y un if. Incluye solución.
Carácteres escapados en Javascript
- 238
El término escapar un carácter en Javascript sin duda da un poquito de yuyu. En realidad una palabra poco atractiva para algo muy práctico. El concepto es muy similar al de escapar un carácter en HTML...
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. 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.