Что не так с куском кода?

Question

Что не так с куском кода?

Павел Чалов Ученик (77), на голосовании 1 год назад

Вот и выходит ошибка Uncaught TypeError: Cannot read properties of null (reading 'insertAdjacentHTML')

Answer 1

Тёма Шагин Ученик (123) 1 год назад

Напишите код в комментариях пожалуйста

Павел ЧаловУченик (77) 1 год назад

 const categoryList = document.querySelector("#categoryList")
const categoryForm = document.querySelector("#categoryForm")
const categoryInput = document.querySelector("#categoryInput")
const categoryBtn = document.querySelector("#categoryBtn")

function addCategory(e) {
    e.preventDefault()
    if(categoryInput.value != "") {
        const inputValue = categoryInput.value;
        const categoryTemplate = `
            
                
                ${inputValue}

            

        `;
        categoryList.insertAdjacentHTML("beforeend", categoryTemplate)
        categoryInput.value = "";
    }
}

categoryForm.addEventListener("submit", addCategory)

Answer 2

V̲i̲s̲t̲a̲s̲t̲e̲r̲ Искусственный Интеллект (264175) 1 год назад

щаз я достану солнечные очки и вопрос будет решён..

Павел ЧаловУченик (77) 1 год назад

 const categoryList = document.querySelector("#categoryList")
const categoryForm = document.querySelector("#categoryForm")
const categoryInput = document.querySelector("#categoryInput")
const categoryBtn = document.querySelector("#categoryBtn")

function addCategory(e) {
    e.preventDefault()
    if(categoryInput.value != "") {
        const inputValue = categoryInput.value;
        const categoryTemplate = `
            
                
                ${inputValue}

            

        `;
        categoryList.insertAdjacentHTML("beforeend", categoryTemplate)
        categoryInput.value = "";
    }
}

categoryForm.addEventListener("submit", addCategory)

Павел ЧаловУченик (77) 1 год назад

выходит ошибка Uncaught TypeError: Cannot read properties of null (reading 'insertAdjacentHTML')

V̲i̲s̲t̲a̲s̲t̲e̲r̲Искусственный Интеллект (264175) 1 год назад

проверь это <div id="categoryList"></div>

Answer 3

Короче, как уже написал Vistaster - проверь на своей странице наличие элемента с id = "categoryList". Среда тебе говорит, что не находит его

Answer 4

Проверьте, что в элемент с id categoryList есть в документе, и что скрипт подключается после этого элемента (а лучше прямо перед закрывающим body)