You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
// Le asignamos la clase que define los estilos que poseerán las fotos.
58
+
newGalleryItem.classList.add('gallery__item');
59
+
// Y le ponemos lo que el usuario quiera mostrar.
60
+
newGalleryItem.innerHTML=galleryTitle;
61
+
// Y por último le agregamos ese nuevo elemento a la galería. Utilicé el 'prepend' ya que quiero que se agregue al principio, para respetar el orden que simulo en el array.
62
+
galleryContainer.prepend(newGalleryItem);
63
+
}
64
+
53
65
// Creamos una función que nos permita saber si lo que ingresa el usuario coincide de alguna forma con el atributo 'Alt' de alguna foto.
54
66
constfilterPhotos=(search)=>{
55
67
// Filtramos el array de objetos para ver si la palabra buscada se encuentra en el alt de la foto.
// Le asignamos la clase que define los estilos que poseerán las fotos.
73
-
newGalleryItem.classList.add('gallery__item')
74
-
// Y le ponemos en el h2 el atributo 'alt' de la/las fotos filtradas.
75
-
newGalleryItem.innerHTML=`<h2>${photo.alt}</h2>`;
76
-
// Y por último le agregamos ese nuevo elemento a la galería. Utilicé el 'prepend' ya que quiero que se agregue al principio, para respetar el orden que simulo en el array.
77
-
galleryContainer.prepend(newGalleryItem);
82
+
// Llamamos la función que crea un nuevo elemento de la galería.
// Creamos una función que al cargarse la página simule que se trajeron fotos aleatoriamente. La misma cargará 8 fotos.
84
90
constloadInitialRandomPhotos=()=>{
85
91
for(leti=0;i>7;i++){
86
-
// Creamos un nuevo elemento article.
87
-
letgalleryItem=document.createElement('article');
88
-
// Le asignamos la clase que define los estilos que poseerán las fotos.
89
-
galleryItem.classList.add('gallery__item')
90
-
// Y le ponemos en el h2 el nombre de 'Foto' y entre paréntesis el número de foto. Ejemplo 'Foto(1)'.
91
-
galleryItem.innerHTML=`<h2>Foto(${i})</h2>`;
92
-
// Y por último le agregamos ese nuevo elemento a la galería. Utilicé el 'prepend' ya que quiero que se agregue al principio, para respetar el orden que simulo en el array.
93
-
galleryContainer.prepend(galleryItem);
92
+
// Llamamos la función que crea un nuevo elemento de la galería.
0 commit comments