- Crear un objeto con propiedades y métodos
Hemos aprendido que los objetos son una colección de propiedades. Una propiedad es una asociación entre un nombre y un valor. El valor de la propiedad de un objeto puede ser una función. Cuando ésto sucede, la propiedad es conocida como un método. Por ejemplo
const motocicleta = {
color: "rojo",
modelo: 870,
acelera: function() {
console.log("ruuuun ruun estoy acelerando!")
}
}
Es hora de poner en práctica nuestros aprendizajes.
En éste lab crearás un objeto bird
.
Bifurca (fork) y clona (clone) este lab en tu entorno local. Navega a su directorio en la terminal, luego ejecuta el comando code .
para abrir sus archivos en Visual Studio Code.
-
Crea un objeto
bird
. -
Agrega al objeto
bird
una propiedadbirdBottom
con valor del número500
-
Agreaga al objeto
bird
una propiedaddiv
. El valor de la propiedaddiv
debe ser el elemento con clase.bird
.
Pista: utiliza document.querySelector()
- Agrega al objeto
bird
un métododibujar
. El métododibujar
debe:
- Asignar un valor de
'250px'
a la propiedadleft
del elemento con clase.bird
. - Asignar el valor de
birdBottom
a la propiedadbottom
del elemento con clase.bird
. Incluir 'px'
después del valor debirdBottom
.
Pista: el elemento con clase .bird
esta almacenado dentro de la propiedad div
del objeto bird
. Por lo tanto puedes acceder al elemento con clase .bird
utiliando el código bird.div
- Agrega al objeto
bird
un métodomover
. El métodomover
debe:
- Incrementar el valor de la propiedad
birdBottom
por40
- Asignar el nuevo valor de
birdBottom
a la propiedadbottom
del elemento con clase.bird
. Incluir 'px'
después del valor debirdBottom
.
- Agrega al objeto
bird
un métodocolision
. El método debe de devolver (return
) el valortrue
si el valor de la propiedadbirdBottom
de bird es menor a0