fedeval98 / ejerciciosdom-fos

Instrucciones

1. Capturar el H1, mediante un ID, en una variable llamada "titulo".
2. Crean una variable "tituloPrincipal" cuyo valor sea "Frutas" y cambiar el contenido del título por el de esta variable.
3. Capturar el header y el footer, mediante la misma clase, y cambiarles el color a naranja.
4. Capturar y modificar el p del footer, agregarle tu nombre completo y cohort.
5. Crear un div dentro del main y agregarle el id "contenedor". Capturar ese div por medio de su id.
6. Crear una función que devuelva la estructura de una card. La función debe devolver un string para más adelante utilizar innerHTML. (La card debe contener los siguientes datos: nombre, foto y descripción).
7. Con el archivo data que se encuentra en la carpeta, realizar un bucle para crear cards con los datos de las frutas, utilizando la función del punto 6. (Este bucle podría meterse en otra función y recibir el array por parámetro).
8. Mostrar las cards con los datos pedidos en el div ".contenedor".
9. Crear otro div dentro del main, agregarle el id "lista" y capturarlo mediante ese id. Agregar al div el título "Frutas Dulces".
10. Crear una función que reciba un array y devuelva una lista desordenada utilizando nodos (createElement). Cada elemento de la lista será el nombre de una fruta. Para esta lista usar las frutas cuya propiedad "esDulce" sea true.
11. Mostrar la lista de frutas dulces en el div "#lista".

• TIP: cuando busques elementos por ID recuerda que es mejor usar "getElementById". En cambio cuando sea por clase o etiqueta es mejor que uses "querySelector" o "querySelectorAll".