28 Sep Ejercicio – Escribir un texto almacenado en una variable
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.
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:
No saber resolver un problema como alumno es normal. Que te suceda como profesor da mucha rabia. ¿Me ayudas con un problema de JS difícil?
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 de salvapantallas primitivo creado con javascript básico y sin usar la etiqueta canvas. Incluye solución.
Explicación teórica y ejemplo práctico del uso de las instrucciones try + throw, catch y finally en javascript. Utilizamos esta estructura para validar un campo en un formulario. Sin embargo se puede ...
Ejercicio javascript dónde se trabaja con fechas y los métodos para fechas con el objetivo de crear fechas con formato personalizado.
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 ...
No Comments