3
respostas

[Bug] problemas ao tentar inserir tags

const inputTags = document.getElementById("input-tags");
const listaTags = document.getElementById("lista-tags");

inputTags.addEventListener("keypress", (evento) => {
    if (evento.key === "Enter") {
        evento.preventDefault();
        const tagTexto = inputTags.value.trim();
        if (tagTexto !== "") {
            const tagNova = document.createElement("li");
            tagNova.innerHTML = `<p>${tagTexto}</p> <img src="./img/close-black.svg" class="remove-tag">`
            listaTags.appendChild(tagNova);
            inputTags.value = "";
        }
    }
})
3 respostas

Olá, Benjamim. Tudo bem?

O seu código parece estar correto, confere no html se os elementos realmente possuem os ids input-tags e lista-tags. Também confere o console se esta apresentando algum erro e caso esteja me retorne que eu tento ajudar :)

Fico no aguardo e à disposição

Oi, verifiquei o código e os elementos input-tags e lista_tags possuem esse id

 <div>
                    <label for="categoria">Tags</label>
                    <input type="text" name="categoria" id="input-tags" />
                </div>

<ul class="lista-tags" id="lista-tags">

</ul>

tambem verifiquei o console e ele me a presenta o seguinte erro

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Benjamim querySelectorAll no seu código tá com a de all minusculo e tem q ser maiúsculo. No camel case a primeira letra de cada palavra deve ser maiúscula

listaTags.querySelectorAll("p")...