В файле index.html добавлен скрипт с объектом с данными о птицах.
Нужно пройтись по свойствам этого объекта и каждое свойство добавить в body.
Свойство должно появится в теге h3.
Под каждым заголовком должен появится элемент ul.
Элементами каждого списка должны стать элементы массива соответствующего поля.
Используй внутренний скрипт.
Я в тупике, что не правильно? Понял, что сколько я не читал за nth так нормально запомнить и не могу, я понял что выбираю первый дочерний элемент всех списков, хотя мне нужно выбирать именно списки, а не дочерние элементы, буду думать как...
<script>
const birds = {
"North American Birds": [
"Abert's Towhee",
"Acadian Flycatcher",
"Acorn Woodpecker",
"Bendire's Thrasher",
],
"European Birds": [
"Taiga bean goose",
"Lesser white-fronted goose",
"Tundra swan",
"Barrow's goldeneye",
],
};
let keys = Object.keys(birds);
let values = Object.values(birds);
let iterations = 1;
// console.log(keys);
// console.log(values);
for (let i = 0; i < keys.length; i++) {
let some = document.createElement('h3');
some.innerHTML = keys[i];
document.querySelector('body').append(some);
let list = document.createElement('ul');
document.querySelector('body').append(list);
for (let j = 0; j < values[i].length; j++) {
let text = document.createElement('li');
text.innerHTML = values[i][j];
document.querySelector(`body ul:nth-child(${iterations})`).append(text);
}
iterations++;
}
</script>
