-
Creé el archivo de HTML colocando:
- Header para el nombre del negocio.
- Una sección para la presentación.
- Una imagen tipo banner de frutas para separar mis dos secciones.
- Una sección para la lista ordenada de frutas con id "listaDeFrutas".
- El input con id "frutaAgregada" para introducir los nuevos elementos de la lista.
- El botón para llamar a la función de JS que agregará las frutas nuevas a la lista.
-
Enlacé el archivo de javascript llamado listaDinamica que contiene la finción del mismo nombre. Esta función se encarga de:
- Llamar el valor del input "frutaAgregada" desde el archivo HTML guardandolo en la variable frutaNueva.
- Establece la condición de no aceptar un string vacío.
- Por medio de un innerHTML envía el valor de fruta nueva de vuelta hacia la lista ordenada "listaDeFrutas" concatenado con la etiqueta li para que aparezca con el formato adecuado.
-
Por último hice el archivo estilos.css para configurar el aspecto del html de manera más limpia.
-
En los settings de gitHub active la opción de Pages pero el enlace que me crea está incompleto, le falta agregar index.html al final =( No supe como arreglar esto, así que coloco el enlace completo aquí.
dianix / 12b-frutas Goto Github PK
View Code? Open in Web Editor NEWEjercicio de tarea leccion 12