Grabación del selector de color siendo usado para cambiar el color de fondo

...

En el lenguaje JavaScript (y en la mayoría de los lenguajes de programación), podemos usar operadores matemáticos para calcular números y crear expresiones.

Ya viste algunos ejemplos de sumas en JS, al usar el operador +. También puedes usar - para restas, * para multiplicaciones, / para divisiones y % para sacar el residuo. Aquí hay ejemplos de esos en acción:

var x = 10;

var a = x + 5; // suma 5, el resultado es 15

var b = x - 5; // resta 5, el resultado es 5

var c = x * 2; // multiplica por 2, el resultado es 20

var d = x / 4; // divide entre 4, el resultado es 2.5

var e = x % 4; // divide entre 4 & regresa el residuo, el resultado es 2

Cuando usas varios operadores matemáticos en una sola expresión, la computadora sigue un "orden de operaciones" para asegurarse de que calcule el resultado de la misma manera cada vez. Es el mismo orden de operaciones que probablemente aprendiste en tus clases de matemáticas y comúnmente puede recordarse como "PEMDSR": paréntesis, exponentes, multiplicación, división, suma y resta. Puedes aprender más acerca del orden de las operaciones en Khan Academy.

Por ejemplo, en el siguiente código, primero se evaluarían las dos expresiones entre paréntesis, luego multiplicaría esos resultados y, por último, le sumaría 100 a ese resultado.

var x = 10;

var a = (x + 10) * (x / 2) + 100;

Al igual que en las expresiones matemáticas, solo necesitas paréntesis si quieres que tu expresión sea evaluada de manera diferente a como se haría de acuerdo al orden de las operaciones. De otra manera, puedes omitirlos.

A continuación, haremos un ejemplo que usa expresiones más complicadas con variables y operadores matemáticos. Si quieres, primero juega con algunas de estas expresiones matemáticas, para asegurarte de que entiendas bien cómo las evalúa la computadora.

Repaso: texto y cadenas

[pic 12]Google ClassroomFacebookTwitterCorreo electrónico

Aquí está un repaso de lo que cubrimos en esta lección sobre texto:

Antes de esta lección, estábamos usando valores numéricos para la mayoría de las cosas: pasarle números a las funciones, almacenar números en variables, etc. Como ya viste, también podemos usar valores de texto. En JavaScript, a estos valores de texto los llamamos cadenas; piensa acerca de ellos como una cadena de letras.

Para crear una cadena, rodeamos el texto entre comillas:

"¡Hola Mundo!"

Después tenemos que hacer algo con esa cadena, como pasársela al comando text()text()t, e, x, t, left parenthesis, right parenthesis:

text("¡Hola Mundo!", 100, 100);

También podríamos almacenarla en una variable, y después pasarle esa variable al comando text()text()t, e, x, t, left parenthesis, right parenthesis:

var miSaludo= "¡Hola Mundo!";

text(miSaludo, 100, 100);

Ten en cuenta que también podemos utilizar comillas sencillas:

var miSaludo = '¡Hola Mundo!';

Pero no podemos mezclar comillas, ¡eso es un error! Escoge comillas sencillas o dobles, y quédate con esas.

var miSaludo = '¡Hola Mundo!"; // ¡ay caray!

Del mismo modo en que podemos manipular números, también podemos manipular cadenas. Podemos, por ejemplo, sumarle una cadena a otra:

var miSaludo = "Hola";

var miNombre = "Winston";

var diHola = "¡"+ miSaludo + ", " + miNombre+ "!"; // ¡Hola, Winston!

Cuando combinamos cadenas en JS, lo llamamos concatenar cadenas. También podemos combinar cadenas con valores numéricos:

var xPos = 10;

var yPos = 20;

var etiqueta = "Las coordenadas son " + xPos + ", " + yPos;

En este tutorial también vimos que podemos usar diferentes comandos para cambiar el tamaño y el color del texto cuando desplegamos cadenas al usar el comando text()text()t, e, x, t, left parenthesis, right parenthesis. Puedes leer más acerca de esos comandos en la sección de texto de nuestra documentación (haz clic en la pestaña de "documentación"para acceder a ella).

Repaso: funciones

[pic 13]Google ClassroomFacebookTwitterCorreo electrónico

Este es un repaso de lo que cubrimos en esta lección sobre funciones.

A menudo queremos poder volver a ejecutar bloques de código cuando estamos escribiendo programas, sin tener que reescribir todo el bloque de código. Necesitamos una forma de agrupar el código y darle un nombre, de manera que podamos llamarlo con ese nombre posteriormente, y a eso es a lo que llamamos una función.

Para crear una función, primero debemos declararla y darle un nombre, de la misma forma en la que crearíamos cualquier variable, seguida de una definición de función:

var sayHello = function() {

};

Podríamos poner cualquier código dentro de la función: una proposición, múltiples proposiciones. Depende de lo que queramos hacer. En esta función, podríamos simplemente escribir en la pantalla un mensaje en una ubicación aleatoria:

var sayHello = function() {

text("¡Hooooooola!", random(200), random(200));

};

Ahora, si lo único que hacemos es declarar la función, no pasará nada. Para que el programa ejecute el código que está