Aquí tengo a mi buen amigo Winston para ayudarnos con esto.

¡Y sé que ya se ve imposiblemente impresionante! pero creo que quiero cambiar el tamaño de sus ojos sólo un poco.

Aquí es donde dibujé sus ojos, puedes ver que establecimos el color de relleno y luego pusimos dos elipses.

Y si quiero hacer esta elipse mas pequeña, puedo cambiar el ancho, pero también quiero que sea redonda

así que cambiaremos el alto para que sean iguales

y queremos que los ojos sean del mismo tamaño, debemos cambiar el ancho y la altura de este ojo.

Bueno, ahora que sus ojos son muy pequeños, debo regresarlos a su tamaño original, ¿no sería genial si pudiera

cambiar sólo un número y que cambien ambos ojos?

Y aquí es donde entran las variables.

Una variable es como un nombre o un identificador para algo.

Me gusta pensar en una variable como una gran cubeta con un nombre en ella.

Puedes poner lo que quieras en la cubeta, pero el nombre permanece igual.

Llamamos a lo que hay dentro de la cubeta el valor de la variable.

Así que empecemos haciendo una variable, voy a hacerlo aquí arriba.

Lo que haces es escribir "var" que significa variable, espacio y el nombre de la variable,

que describirá lo que contiene la misma, llamemos a ésta, "eyeSize" (tamañoDeOjo)

Puedes nombrarla como quieras, pero no está permitido tener espacios entre palabras.

Y, por supuesto, ¡no olvides el punto y coma!

Y ya hice una variable, llamada eyeSize (tamañoDeOjo), porque va a contener el tamaño de los ojos de Winston,

pero hasta el momento esta variable no tiene un valor.

Para darle uno, escribimos eyeSize y luego un signo de igual y después 20 y punto y coma.

Bien, ¿ves el signo de igual? Olvida lo que tu maestro de matemáticas te enseñó sobre él

el signo de igual no significa igualdad, significa asignación.

Esto significa que estamos asignando el valor 20 a la variable eyeSize.

En otras palabras, estamos poniendo el número 20 en la cubeta llamada eyeSize.

¿Y recuerdas cómo en clase de matemáticas puedes decir cosas como que x = 3 y 3 = x significan lo mismo?

porque, daah, son iguales.

Bueno, no puedes hacer eso aquí.

Lo que está a la izquierda del signo de igual siempre es la variable.

Y lo que está a la derecha del signo de igual es siempre el valor que le estás asignando a la variable.

Una buena forma de recordar cuál lado es cuál es, mientras escribes código o hablas de ello como lo hace cualquier programador "cool",

Si tecleas un signo de igual no digas "es igual a", di "contiene"

Entonces esto sería eyeSize contiene 20.

Y ahora, cada vez que use eyeSize en mi programa, la computadora dirá: "ah, sí, eso es una variable, sé que realmente significa 20".

Ahora mira, sólo voy a copiar esto.

Y luego reemplazar estos cuatro números con mi nueva variable eyeSize y ¡Voila!

Los ojos de Winston ahora son perfectamente redondos y del mismo tamaño y, si quiero cambiar el valor de ambos ojos

o su tamaño, sólo cambio el valor de esta única variable.

"aah, eso es tan cool"

Bien, algunas notas finales, aquí arriba hicimos una variable nueva llamada eyeSize.

Y aquí le dimos un valor de 33, en realidad podemos hacerlo todo en un paso

escribiendo var eyeSize, ese es el primer paso, contiene 33

ese es el segundo paso y si borro estas dos líneas, puedes ver que aún funciona todo.

También recuerda que la computadora lee tu código de arriba hacia abajo,

así que la única razón por la que supo lo que eyeSize era aquí abajo,

fue porque ya lo habíamos definido aquí arriba.

Si lo hubiese puesto aquí abajo,

al llegar a esta línea de código la computadora diría: "eyeSize, ¿qué rayos es eyeSize? No sé qué es"

De hecho, obtendríamos un error que dice: eyeSize no está definido.

Y tal vez estés pensando: sí la definí , aquí está.

Pero la computadora no es inteligente, no lo comprende.

Así que movámoslo de regreso hasta arriba.

Y siempre tienes que asegurarte que definas tus variables antes de intentar usarlas.

¡Y ahora ya sabes acerca de variables! ¡Yeeii!