30 Sep Ejercicio – corrección de errores en javascript. Variables y strings.
Publicado a las 07:30h en Ejercicios Javascript, Tutorial Javascript. Aprende JS paso a paso y gratis. Apuntes de alumno. 0 Comentarios
En este ejercicio vamos a repasar algunos conceptos básicos en la declaración de variables, uso de comillas y instrucciones básicas javascript.
Es útil para repasar todo lo que hemos practicado hasta el momento.
Enunciado
Corrige los errores que detectes en el script y explícalos.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="Francesc Ricart">
<title>Corrige los errores que veas</title>
</head>
<body>
<script>
// esta versión tiene errores de sintaxis. corrigelos para que tenga sentido.
var input = ""
var input = window.prompt(escribe un contenido,"*");
document.write ="input";
</script>
</body>
</html>Solución del ejercicio
Los conceptos importantes a entender son:
- Diferenciar cuando usamos una variable y cuando usamos comillas simples o dobles.
- Recordar que el ; es optativo.
- Una variable sólo se puede declarar una vez.
- Recordar la sintaxis de la instrucción document.write()
Dicho esto la solución es como se muestra:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="Francesc Ricart">
<title>Corrige los errores que veas - Solución</title>
</head>
<body>
<script>
var input = "" // el punto y coma es opcional.
input = window.prompt("escribe un contenido","*");
/* El texto 'escribe un contendio' aparece en la consola del navegador como un error. El navegador ve un espacio en blanco entre la variable escribe y la variable un. El navegador se para y emite una alerta por la consola*/
/* la variable input sólo se debe declarar la primera vez. no podemos usar dos veces la palabra var.*/
document.write(input);
// el modo correcto de escribir es document.write()
// input es una variable, no un estring. debemos quitar las comillas.
</script>
</body>
</html>¡Hola!
Querido lector,
¡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!
Todavía no hay votos. Sé el primero en valorar la entrada.
Vaya, parece que hay puntos a corregir
¿Me ayudas a mejorar?
¡Gracias por tu feedback!
Entradas relacionadas:
Embellecer código html, css o javascript para entenderlo mejor
¿Hay alguna forma amable de leer páginas web dónde todo el contenido se haya compactado? Te presento algunas de mis herramientas favoritas.
¿Hay alguna forma amable de leer páginas web dónde todo el contenido se haya compactado? Te presento algunas de mis herramientas favoritas.
Ejemplo de instrucción if(){}else if(){}else{} paso a paso
Se muestran 2 ejemplos explicados paso a paso para ayudar a entender como funciona la estructura de programación if(){}else if(){}else{}
Se muestran 2 ejemplos explicados paso a paso para ayudar a entender como funciona la estructura de programación if(){}else if(){}else{}
Como añadir nuevos nodos al DOM usando Javascript
En esta entrada vemos un tutorial paso a paso sobre como añadir nuevos nodos al DOM mediante Javacript con el ejemplo de un párrafo y el de una imagen.
En esta entrada vemos un tutorial paso a paso sobre como añadir nuevos nodos al DOM mediante Javacript con el ejemplo de un párrafo y el de una imagen.
Ejemplo paso a paso de switch(){} en JS ¿Qué error evitar?
Un ejemplo de switch(){} en Javascript bien construido y otro con un pequeño pero grave error explicado paso a paso.
Un ejemplo de switch(){} en Javascript bien construido y otro con un pequeño pero grave error explicado paso a paso.
Las prisas nunca son buenas para aprender a programar
¿Estás estudiando javascript o otro lenguaje de programación? Las prisas nunca son buenas para ello. ¿Qué respondo a mis alumnos?
¿Estás estudiando javascript o otro lenguaje de programación? Las prisas nunca son buenas para ello. ¿Qué respondo a mis alumnos?
Sustituir un nodo por otro en el DOM mediante Javascript
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.
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.
No hay comentarios