4. Tachando los productos de la lista

El vídeo del curso solo está visible para los suscriptores.
Puedes suscribirte aquí o entrar si ya eres miembro.

4. Tachando los productos de la lista

¡Hola Scratchers! Bienvenidos a esta cuarta lección del videojuego de compras.

 En este caso ya tenemos el juego funcional, como puedes ver. Pero lo que queremos es que cuando vayamos añadiendo los productos en el carrito, estos se vayan tachando o se vayan marcando en nuestra lista de la compra.

Como puedes ver, los plátanos no forman parte de la lista, no los hemos programado. Vamos a ver cómo hacemos esta parte.

Vamos a tener que ir programando cada uno de los productos que, si están en nuestra lista de la compra y en principio, vamos a empezar por el primero de todos. Como vemos aquí tenemos la lista y vamos a ir tachándolos. Luego veremos cómo se hace esto.

Programación del tachado de los productos de la lista

A continuación, vamos a empezar por el primer elemento de la lista, que serían los huevos. Para esto, lo que vamos a hacer con el bloque de “reemplazar elemento”. Como pusimos los huevos en posición número 1 y lo que haremos es reemplazar esta palabra con “Huevos (X)”. Vamos a ver el resultado. Efectivamente al arrastrarlo se va a poner esta X.

A continuación, como teníamos dos productos de huevos, lo que simplemente vamos a hacer es duplicar el código que hemos añadido al final de la lista, de “reemplazar elemento” y lo vamos a dejar aquí, tal cual; porque ya nos va a servir.

Seguidamente, vamos a continuar con el siguiente producto, que sería el chocolate. Vamos actualizar el código “reemplazar elemento de compra” por el número 2” y sustituimos la palabra “huevos” por “chocolate (X). Como se puede ver, en la lista cunado lo pongamos, no se ve; Pero no se preocupen, porque las listas son flexibles y las podemos acabar de adaptar para que se vean.

Si quieres hacer la lista más larga, tampoco hay problema porque se puede alargar hacia abajo y hacerla super larga, yo la voy a dejar así.

Para continuar con más elementos, le ponemos el mismo código en la “harina” elemento 3 producto “Harina (X) y ya solo nos quedan dos elementos: la leche. Producto 4 y producto: Leche(X) y finalmente la mermelada de igual forma. Como pueden ver es muy fácil.

Finalmente, vamos a poner los productos y vamos a ver como se van actualizando en nuestra lista de la compra. Ves que va apareciendo la (X), que es básicamente lo que acabamos de programar.

En la siguiente lección lo que vamos a hacer es programar que cuando todos los elementos de la lista tengan una (X), hemos acabado nuestra compra y ya nos podemos ir.

Nos vemos en la próxima lección.

Hasta ahora.

Volver a: Juego de compras > 1. Juego de compras