Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Sugestão de UX

Além de limpar o campo de digitação adicionei também a feature de aplicar o foco no input novamente, utilizando para isso o método .focus(). Então quando o usuário tenta salvar ou salva um item, automaticamente o campo de digitação é zerado e recebe o foco pra ser utilizado prontamente.

import createItem from "./criarItem.js";
import verifyList from "./verificarLista.js";

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

const addItem = (event) => {
    event.preventDefault()

    if (item.value === null || item.value.trim() === "") {
        alert("Por favor, digite um item!");
        item.value = ''
        item.focus()
        return;
    } 

    const listItem = createItem(item.value)
    lista.appendChild(listItem);
    verifyList(lista);
    item.value = ''
    item.focus()
}

export default addItem;
1 resposta
solução!

Oi Gabriel,

Excelente iniciativa! 👍

A sua sugestão de adicionar o .focus() após limpar o campo é uma ótima prática de UX, pois facilita a interação do usuário com a aplicação, permitindo que ele adicione novos itens rapidamente sem precisar clicar no campo novamente. 💪

Seu código está bem estruturado e fácil de entender.

A utilização do .trim() para remover espaços em branco antes de verificar se o campo está vazio é essencial para evitar comportamentos inesperados. 👌

Para saber mais: Manipulação do DOM

Continue explorando e aprimorando seus conhecimentos! 💻