1
resposta

esse erro

Insira aqui a descrição dessa imagem para ajudar na acessibilidadePoderia me explicar esse erro ?

meus codigos> adcionarItem import {criarItemDaLista} from "./criarItemDaLista.js"

const item = document.getElementById("input-item"); const listaDeCompras = document.getElementById("lista-de-compras");

export function adicionarItem(evento) { evento.preventDefault()

const itemDaLista = criarItemDaLista(item.value);
listaDeCompras.appendChild(itemDaLista)

}

criarItemDalista onst listaComprados = document.getElementById("lista-comprados"); let contador = 0;

export function criarItemDaLista(item) {

const itemDaLista = document.createElement("li");
const containerItemLista = document.createElement("div");
containerItemLista.classList.add("lista-item-container");

const containerNomeDoItem = document.createElement("div");

const containerCheckbox = document.createElement("div");
containerCheckbox.classList.add("container-checkbox");

const checkboxInput = document.createElement("input");
checkboxInput.type = "checkbox";
checkboxInput.classList.add("input-checkbox");
checkboxInput.id = "checkbox-" + contador++;

const checkboxLabel = document.createElement("label");
checkboxLabel.setAttribute("for", checkboxInput.id);

checkboxLabel.addEventListener("click", function (evento) {
    const checkboxInput = evento.currentTarget.querySelector(".input-checkbox");
    const checkboxCustomizado = evento.currentTarget.querySelector(".checkbox-customizado");
    const itemTitulo = evento.currentTarget.closest("li").querySelector("#item-titulo")
    if (checkboxInput.checked) {
        checkboxCustomizado.classList.add("checked");
        itemTitulo.style.textDecoration = "line-through";
        listaComprados.appendChild(itemDaLista)
    } else {
        checkboxCustomizado.classList.remove("checked");
        itemTitulo.style.textDecoration = "none";
        listaDeCompras.appendChild(itemDaLista)
    }
})

const checkboxCustomizado = document.createElement("div");
checkboxCustomizado.classList.add("checkbox-customizado");

checkboxLabel.appendChild(checkboxInput);
checkboxLabel.appendChild(checkboxCustomizado);

containerCheckbox.appendChild(checkboxLabel);
containerNomeDoItem.appendChild(containerCheckbox)

const nomeDoItem = document.createElement("p");
nomeDoItem.id = "item-titulo";
nomeDoItem.innerText = item;
containerNomeDoItem.appendChild(nomeDoItem)

const containerBotoes = document.createElement("div");
const botaoRemover = document.createElement("button");
botaoRemover.classList.add("item-lista-button");

const imagemRemover = document.createElement("img");
imagemRemover.src = "img/delete.svg";
imagemRemover.alt = "Remover";

botaoRemover.appendChild(imagemRemover);
containerBotoes.appendChild(botaoRemover);

const botaoEditar = document.createElement("button");
botaoEditar.classList.add("item-lista-button")

const imagemEditar = document.createElement("img");
imagemEditar.src = "img/edit.svg";
imagemEditar.alt = "Editar";

botaoEditar.appendChild(imagemEditar);
containerBotoes.appendChild(botaoEditar);

containerItemLista.appendChild(containerNomeDoItem);
containerItemLista.appendChild(containerBotoes);

const itemData = document.createElement("p");
itemData.innerText = `${new Date().toLocaleDateString("pt-BR", { weekday: "long" })} (${new Date().toLocaleDateString()}) às ${new Date().toLocaleTimeString("pt-BR", { hour: "numeric", minute: "numeric" })}`;
itemData.classList.add("texto-data");

itemDaLista.appendChild(containerItemLista);
itemDaLista.appendChild(itemData);

return itemDaLista;

}

1 resposta

Esse erro é de caminho do arquivo, veja se de fato o arquivo adicionarItem.js está dentro da pasta JS. Caso esteja, é bem possivel que a importação seja somente o ./adicionarItem.js em vez de ./js/adicionarItem.js pois os dois arquivos JS devem estar na mesma pasta, eu suponho.