GetElementById () возвращает NULL в JavaScript [Duplicate] ⇐ Javascript

[Anonymous]

Я хотел бы создать динамическое меню Select в JavaScript и столкнуться с задачей ниже. Think Document.getElementById ('жанр') < /code> не работает, как я ожидал.

Код: Выделить всё

const foodMenu = {
"japaneseFoods": ["sushi", "tenpura", "oden"],
"italianFoods": ["pasta", "pizza", "minestrone"]
};

function setMenuOptions(selectedGenre) {
const selectFoodName = document.getElementById('food-name');
// menuList.disabled = false;

foodMenu[selectedGenre].forEach((menu, index) => {
const option = document.createElement('option');
option.value = index;
option.innerHTML = menu;
selectFoodName.appendChild(option);
});
}

const genreSelect = document.getElementById('genre');

console.log(genreSelect); // null

genreSelect.addEventListener('change', (e) => {
console.log("a");
setMenuOptions(e.target.value);
})< /code>


Select a genre
Japanese
Italian



Select a food

Подробнее здесь: https://stackoverflow.com/questions/796 ... javascript