Ejercicio – Escribir un texto almacenado en una variable

Ejercicio – Escribir un texto almacenado en una variable

Print Friendly, PDF & Email
Ejercicio – Escribir un texto almacenado en una variable
Valora esta entrada
En este ejercicio vamos a pedir al usuario que escriba un valor en una ventana emergente y lo almacenaremos.

A continuación escribiremos este valor en la consola del navegador, en el documento web y como ventana emergente.

Finalmente borraremos la consola del navegador para que no aparezca ningún mensaje.

Se trata de un sencillo ejercicio en el que vamos a practicar las instrucciones:

  • window.prompt()
  • document.write()
  • console.log()
  • console.clear()

Para resolverlo sin mayor dificultad te sugiero leer esta entrada.

Enunciado

Crea un documento que pida al usuario web que escriba un valor por pantalla.

Almacena este valor en una variable de nombre “textInfo”.

Mediante el uso de la variable haz que la información guardada se escriba en la consola del navegador, en el documento web y que se emita una alerta por pantalla.

Finalmente limpia la consola del navegador.

Ver solución (Haz clic)

Solución del ejercicio

Este es un simple ejercicio cuyo objetivo es únicamente coger un poco de soltura usando expresiones típicas en javascript.

Es importante que tengas en cuenta que la gran mayoría se usan en un nivel inicial de aprendizaje.

A medida que avance el tutorial veremos que hay otras opciones que sustituyen a las expresiones usadas en este ejercicio.

Fijaros en el uso de la variable “textInfo”. Dentro de document.write() por ejemplo no lleva comillas.

Se hace así porqué si pusiéramos las comillas entonces estaríamos pasando un string y no una variable.

Tal vez sería útil que hagáis la prueba de hacerlo de las dos formas para constatar el error en caso de poner comillas (simples y/o dobles, recuerda que las comillas son indiferentes aunque personalmente recomiendo el uso de comillas dobles).

¿Como queda el documento html?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="author" content="Francesc Ricart">
        <title>Uso de instrucciones básicas en JS</title>
    </head>
    <body>
        
    <script>
        //almacenamos la información
        var textInfo = window.prompt("escribe un contenido","*");
        
        //escribimos por pantalla, consola y ventana emergente
        document.write(textInfo);
        console.log(textInfo);
        window.alert(textInfo);
        
        //limpiamos la consola del navegador
        console.clear();
        
    </script>

    </body>
</html>

Cuando mires la consola del navegador debería aparecerte el mensaje “Console was cleared

¡Hola!

Querido lector,

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

Entradas relacionadas:

Ejercicio – ¿Qué declaraciones de variables son erróneas en JS?
- 111
En este ejercicio repasamos los conceptos relativos a la declaración de variables en javascript. ¿Qué declaraciones son incorrectas? Detéctalas y corrígelas.
Sintaxi y gramática básica de las variables en javascript
- 176
Javascript es un lenguaje. Tiene una sintaxis y una gramática básicas que hay que aprender. Vemos cuales son estas normas para el caso de las variables en JS y dónde debes hacer hincapié en no equivoc...
¿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?
La apasionante historia del Javascript (resumida)
- 400
Javascript es un lenguaje de programación de lado cliente que ha cambiado Internet tal y como lo conocemos a día de hoy. Junto con el html y el css es uno de los 3 pilares del diseño web. Es un requer...
Ejercicio – Programación de una ventana infinita cansina en JS
- 72
Ejercicio que pregunta iterativamente el color del caballo blanco de santiago hasta que se resuelve. 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...
Validación de formularios web: Como desactivar el envío con Javascript
- 455
Veamos como podemos deshabitar el envío de un formulario web mediante javascript. Explico el método clásico y otra alternativa más limpia mediante preventDefault().
Eliminar el comportamiento por defecto de un elemento html
- 229
Explicamos como desactivar el comportamiento por defecto de un elemento HTML mediante el uso del método javacript preventDefault()
Crear, modificar, eliminar y detectar cookies con Javascript
- 807
En esta entrada explicamos los tipos de cookies que existen y mostramos una biblioteca de funciones que nos permite crear, modificar, eliminar y detectar cookies con javscript.
Ejercicio – Vamos a dormir, hay 100 ovejas que contar
- 53
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.
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.