Como pueden ver, el cuadro que aparece al abrir el blog nos presenta un pequeño acertijo. ¿Pudieron resolverlo?
He aquí el código que usé para colocarlo:
<script type='text/javascript'>
cats = prompt ("Dentro de una habitación se han metido algunos gatos, cada gato en un rincón, cada gato ve tres gatos. Cuántos gatos son?",
"?");
if (cats == respuesta correcta)
{
alert ("Bien hecho!")
}
else if (cats != respuesta correcta)
{
alert ("Piénsalo mejor")
}
</script>
Como pueden ver, en el prompt no hice la gran cosa. Pero en la alert use un condicional, mejor dicho, dos: if y else if. El uso de estos condicionales es muy sencillo. Quiere decir que si el prompt (al cual llame cats) es igual a la respuesta correcta (nótese que use un doble igual para comparar el prompt con el valor de la respuesta) entonces... la alert debe decirte "Bien hecho!". Por otra parte (else if) si el prompt tiene una respuesta incorrecta la alert mostrará otro mensaje.
¿Notaron las llavecitas en el código? Pues me dio curiosidad y me puse a googlear. Resultó que estas llavecitas se usan (siempre en pares) para definir bloques en los que hay diferentes objetos y atributos con distintos valores, también al establecer funciones. Por ejemplo en este caso, cats podía asumir un valor numérico correcto, o uno errado.
¿Está clara la explicación?
Sepan todos que soy nueva, muy nueva en esto, así que voy probando y reprobando cada pedacito de código que escribo. Pero me parece que escribirlo aquí es una buena manera de no aprender sola.
Después de todo, juntos es mejor!
jueves, 11 de febrero de 2016
martes, 9 de febrero de 2016
Prompt!
Hola a todos otra vez!
Sigo estudiando en Platzi el curso de programación básica. Y así como puse a prueba lo que aprendí sobre las alerts, hoy pongo a prueba lo que entendí sobre los prompts. Como habrán visto, al ingresar aparece un cuadro preguntando por el país de origen del visitante. Eso lo logré insertando la función prompt dentro de la etiqueta script.
<head>
<script type='text/javascript'>
prompt ("Where are you from?",
"Perú");
</script>
</head>
Como pueden ver en el pedacito de código que coloqué líneas arriba los parámetros de la función son dos cadenas de texto. La primera "Where are you from?" actúa como pregunta del prompt, y añadiéndole una coma (,) puedo introducir otra cadena de texto que aparezca como respuesta predeterminada en el prompt. En mi caso coloqué mi país de origen; Perú.
Por cierto algo curioso que noté, es que las " se transforman cuando guardo el código y en su lugar aparece: " ¿Por qué? ¿Tendrá algo que ver con la codificación en la que se encuentran las plantillas de blogger? Por lo menos no me ha ocasionado problemas.
Una parte más difícil fue lograr vincular el prompt que coloqué con una nueva alert... me costó un poco [un poco bastante], pero finalmente lo logré.
Para eso equiparé el prompt, usando =, al elemento country. Y luego coloqué este country en la alert usando el operador + y una cadena de texto. Quedó así:
<script type='text/javascript'>
country = prompt ("Where are you from?",
"Perú");
alert ("Greetings to "+ country)
</script>
Al principio no me salía porque estaba colocando country entre comillas, es decir lo convertía en una cadena de texto.
Hay otras cosas que he aprendido, pero las iré subiendo en estos días. Por lo pronto quedan pendientes usar number (y su equivalente parseInt), espero poder actualizar eso antes del fin de semana.
Hasta aquí por ahora.
Sigo estudiando en Platzi el curso de programación básica. Y así como puse a prueba lo que aprendí sobre las alerts, hoy pongo a prueba lo que entendí sobre los prompts. Como habrán visto, al ingresar aparece un cuadro preguntando por el país de origen del visitante. Eso lo logré insertando la función prompt dentro de la etiqueta script.
<head>
<script type='text/javascript'>
prompt ("Where are you from?",
"Perú");
</script>
</head>
Como pueden ver en el pedacito de código que coloqué líneas arriba los parámetros de la función son dos cadenas de texto. La primera "Where are you from?" actúa como pregunta del prompt, y añadiéndole una coma (,) puedo introducir otra cadena de texto que aparezca como respuesta predeterminada en el prompt. En mi caso coloqué mi país de origen; Perú.
Por cierto algo curioso que noté, es que las " se transforman cuando guardo el código y en su lugar aparece: " ¿Por qué? ¿Tendrá algo que ver con la codificación en la que se encuentran las plantillas de blogger? Por lo menos no me ha ocasionado problemas.
Una parte más difícil fue lograr vincular el prompt que coloqué con una nueva alert... me costó un poco [un poco bastante], pero finalmente lo logré.
Para eso equiparé el prompt, usando =, al elemento country. Y luego coloqué este country en la alert usando el operador + y una cadena de texto. Quedó así:
<script type='text/javascript'>
country = prompt ("Where are you from?",
"Perú");
alert ("Greetings to "+ country)
</script>
Al principio no me salía porque estaba colocando country entre comillas, es decir lo convertía en una cadena de texto.
Hay otras cosas que he aprendido, pero las iré subiendo en estos días. Por lo pronto quedan pendientes usar number (y su equivalente parseInt), espero poder actualizar eso antes del fin de semana.
Hasta aquí por ahora.
lunes, 1 de febrero de 2016
Alert
Para empezar me disculpo por la inactividad en la que ha estado el blog. Enero ha sido para mí un mes bastante agitado, así que no he podido avanzar en mis estudios de desarrollo web, ni en mis investigaciones personales.
Sin embargo, este fin de semana me dediqué un poco a organizarme y a elegir los cursos que pensaba tomar en este verano (o en lo que resta de él), así que mientras espero el inicio de los cursos que llevaré en MiriadaX decidí seguir con mi formación en Platzi.
Es así como siguiendo un tutorial de media hora me introfuje en la amistad entre HTML y JavaScript...
Con toda honestidad debo decir que ya sabía algo sobre las alerts, pero siempre las había aplicado desde Console... osea así:
Y las usaba, tal como se puede ver en la imagen, para hacerme compañía.
Pero hoy en el video, vi como insertarlas dentro de una página utilizando la etiqueta <script> dentro de <head> así que decidí probarlo. Sé que es recomendable mantener separados el código en HTML del que está en JavaScript vinculándolos luego usando el atributo src, pero como esto era una prueba, decidí trabajarlo junto y no se me ocurrió mejor campo de pruebas que mi blog.
Así que inserté el código necesario para dar un alert (o sería una alert?) con un pequeño mensaje. El código quedó así:
... y el resultado se visualiza así, en Android y en Windows:
Voy a seguir estudiando y procuraré tener un nuevo post pronto. C=
Sin embargo, este fin de semana me dediqué un poco a organizarme y a elegir los cursos que pensaba tomar en este verano (o en lo que resta de él), así que mientras espero el inicio de los cursos que llevaré en MiriadaX decidí seguir con mi formación en Platzi.
Es así como siguiendo un tutorial de media hora me introfuje en la amistad entre HTML y JavaScript...
Con toda honestidad debo decir que ya sabía algo sobre las alerts, pero siempre las había aplicado desde Console... osea así:
Y las usaba, tal como se puede ver en la imagen, para hacerme compañía.
Pero hoy en el video, vi como insertarlas dentro de una página utilizando la etiqueta <script> dentro de <head> así que decidí probarlo. Sé que es recomendable mantener separados el código en HTML del que está en JavaScript vinculándolos luego usando el atributo src, pero como esto era una prueba, decidí trabajarlo junto y no se me ocurrió mejor campo de pruebas que mi blog.
Así que inserté el código necesario para dar un alert (o sería una alert?) con un pequeño mensaje. El código quedó así:
... y el resultado se visualiza así, en Android y en Windows:
Voy a seguir estudiando y procuraré tener un nuevo post pronto. C=
Suscribirse a:
Entradas (Atom)