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:

Ejercicio – Corregir errores de sintaxis en funciones
- 164
Ejercicio javascript dónde se repasa la sintaxi de funciones. Corrige los errores.
Lista de la compra con javascript perfeccionada con cookies
- 85
Ejercicio javascript avanzado que crea una lista de la compra y almacena la información mediante cookies. Incluye solución.
Tipos de variables en Javascript
- 1335
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...
La etiqueta noscript
- 392
El desconocimiento hace que a menudo muchos usuarios decidan desactivar la opción de que nuestra navegador acepte y/o interprete este lenguaje de script. ¿Que podemos hacer para avisar a los usuarios ...
Carácteres escapados en Javascript
- 365
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...
Ejercicio – Vamos a dormir, hay 100 ovejas que contar
- 134
Ejercicio javascript dónde se practica el uso de for y de while para la resolución de un mismo problema JS. Incluye solución.
LibrosWeb ahora es UniWebSidad
- 206
LibrosWeb, una de las mejores referencias en Internet para aprender web, se ha reciclado tras 12 años de existencia. ¡Mi enhorabuena!
El Document object model (DOM) de Javascript
- 406
El DOM es un tipo especial de objeto que esquematiza las relaciones y interacciones entre los nodos de un documento web y que es creado por el navegador cada vez que interpreta una página web. Cada et...
Ejercicio – corrección de errores en javascript. Variables y strings.
- 155
En este ejercicio practicamos la diferencia entre usar un string y una variable. También otras normas básicas de sintaxis de javascript.
Sustituir un nodo por otro en el DOM mediante Javascript
- 289
Para poder sustituir un nodo por otro en el DOM previamente necesitas saber como: Identificar nodos del DOM. Crear nuevos nodos. Si tienes claros estos conceptos sigue leyendo el ejemplo práctico.
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.