Estoy tratando de mostrar la información que recibí de una clase que creé llamada cardbox, hay seis de ellos y no puedo entender dónde me estoy equivocando. Creo que es donde creé dogbreed, no lo ve como una matriz, pero no sé si agradecería cualquier ayuda.
var dogNames = document.getElementsByClassName("cardbox-header"); var dogBreed = document.getElementsByClassName("content-breed"); var textBreed = "<ul>"; var breed; //Look for Males in the array with the cardbox gender and breed descriptions for(var k=0;k<dogBreed.length;k++) { breed = dogBreed.substring(0,4); if (breed == "Male") { textBreed += "<li>" + dogNames[k].textContent + "</li>"; } else { textBreed += "<li>" + dogNames[k].textContent + "</li>"; } } textBreed += "/ul"; // THE CODE FOR DISPLAYING A LIST OF MALE DOGS document.getElementById("info-maleDogs").innerHTML = textBreed; //THE CODE FOR DISPLAYING A LIST OF FEMALE DOGS document.getElementById("info-femaleDogs").innerHTML = textBreed;Arreglé el código, agregué otra matriz que almacena el género de los perros. Quitó la parte femenina y la escribió en su propio código, pero es una copia de lo que voy a mostrar y luego cambió el código de visualización.
var genderCells=[]; var l=0; for(var k=0;k<dogBreed.length;k++) { genderCells[l] = dogBreed[k].textContent.substring(0,4); if (genderCells[l] == "Male") { textBreedM += "<li>" + dogNames[k].textContent + "</li>"; document.getElementById("info-maleDogs").innerHTML = textBreedM; l++; } } textBreedM += "/ul";