aca hay un problema con esto,ambos elementos son un string con la direccion de una imagen y tienen exactamente lo mismo y en la condicion me sale que es falso? y esto porque? no comprendo
este es el codigo:
aca hay un problema con esto,ambos elementos son un string con la direccion de una imagen y tienen exactamente lo mismo y en la condicion me sale que es falso? y esto porque? no comprendo
este es el codigo:
Ahi estaria, le modifique la consulta y como seteas las variables, agregue un foto2 para la comparacion para que no compares siempre lo mismo y agregue un console.log para mostrar cuando son iguales y cuando distintas. Usando fotoPerfil.length en el for te aseguras de recorrer el largo del array unicamente. Tene en cuenta que estas usando urls de imagen de un sitio que te las da random, si queres testear con dos imagenes iguales asegurate que no varien. Saludos
let container = document.querySelector('.card-container')
const img = `https://source.unsplash.com/random/200x150?person`
const imgPost = `https://source.unsplash.com/random/600x400?nature`
async function principal(){
[textos, names] = await Promise.all([
fetch(`https://jsonplaceholder.typicode.com/posts`),
fetch(`https://jsonplaceholder.typicode.com/users`)
]);
let textObj = await textos.json()
let nameObj = await names.json()
let html = ''
let fotoPerfil = await distinto(img)
let fotoPost = await distinto(imgPost)
console.log(fotoPerfil)
console.log(fotoPost)
let foto1 = fotoPost[0];
let foto2;
for (let i = 0; i < fotoPerfil.length; i++) {
let texto = textObj[i].title;
let name = nameObj[i].name;
foto2 = fotoPerfil[i]
if (foto1 !== foto2) {
console.log('son distintas');
html += `<div class="card">
<div class="card-header">
<img src="${fotoPerfil[i]}" class="fadeIn">
<h3 class="fadeIn">${name}</h3>
</div>
<div class="card-content">
<div class="card-text">
<p class="fadeIn">${texto}</p>
</div>
<div class="card-post">
<img src="${fotoPost[i]}" class="fadeIn">
</div>
</div>
</div>`
foto1 = fotoPerfil[i]
}else {
console.log('son iguales')
}
}
container.innerHTML = html
/* checkBoxes() */
}
principal()
async function distinto(dir){
let ArrFotos = await Promise.all([fetch(dir), fetch(dir), fetch(dir), fetch(dir), fetch(dir), fetch(dir), fetch(dir), fetch(dir), fetch(dir), fetch(dir), fetch(dir)])
let fotos = []
ArrFotos.forEach(obj =>{
fotos.push(obj.url)
})
let fotosUnicas = [...new Set(fotos)]
return fotosUnicas
}
seria bueno que pongas el codigo entero para poder entender el tipo de dato que estas sacando del array. Intuyo que el problema es el triple igual que valida que el sea igual pero tambien que el tipo de dato sea el mismo. intenta con
if(foto1 == fotoPerfil[i])
Si no es eso voy a necesitar ver algo mas del codigo para ayudarte
let container = document.querySelector('.card-container')
const img = `https://source.unsplash.com/random/200x150?person`
const imgPost = `https://source.unsplash.com/random/600x400?nature`
async function principal(){
[textos, names] = await Promise.all([
fetch(`https://jsonplaceholder.typicode.com/posts`),
fetch(`https://jsonplaceholder.typicode.com/users`)
]);
let textObj = await textos.json()
let nameObj = await names.json()
let html = ''
let fotoPerfil = await distinto(img)
let fotoPost = await distinto(imgPost)
console.log(fotoPerfil)
console.log(fotoPost)
let foto1;
let foto2;
for (let i = 0; i < 10; i++) {
let texto = textObj[i].title;
let name = nameObj[i].name;
if (foto1 !== fotoPerfil[i]) {
html += `<div class="card">
<div class="card-header">
<img src="${fotoPerfil[i]}" class="fadeIn">
<h3 class="fadeIn">${name}</h3>
</div>
<div class="card-content">
<div class="card-text">
<p class="fadeIn">${texto}</p>
</div>
<div class="card-post">
<img src="${fotoPost[i]}" class="fadeIn">
</div>
</div>
</div>`
foto1 = fotoPerfil[i]
foto2 = fotoPost[i]
}else {
console.log('cualquier cosa')
}
}
container.innerHTML = html
/* checkBoxes() */
}
principal()
async function distinto(dir){
let ArrFotos = await Promise.all([fetch(dir), fetch(dir), fetch(dir), fetch(dir), fetch(dir), fetch(dir), fetch(dir), fetch(dir), fetch(dir), fetch(dir), fetch(dir)])
let fotos = []
ArrFotos.forEach(obj =>{
fotos.push(obj.url)
})
let fotosUnicas = [...new Set(fotos)]
return fotosUnicas
}