3
respostas

[Dúvida] Tradução

Como se traduz essa linha?

function atualizaQuantidade (item) {
    document.querySelector("[data-id='"+item.id+"']").innerHTML = item.quantidade
}
3 respostas

Olá Marcelo, tudo bem?

Essa linha de código tem a função de atualizar a quantidade de um item em uma página web. A função recebe um parâmetro chamado "item" que contém as informações do item a ser atualizado.

A linha em questão utiliza o método "querySelector" do objeto "document" para selecionar um elemento HTML que possua o atributo "data-id" com o valor igual ao ID do item passado como parâmetro. Em seguida, o conteúdo desse elemento é atualizado com a quantidade do item.

Espero ter ajudado e bons estudos!

Na verdade eu queria uma tradução como se estivesse dizendo exatamente ao VS Code o que fazer e ele escreve o código sozinho.

No HTML não tem nenhum date atribute então não consegui definir de onde foi tirado o data-id. Imagine que seria o item que tem no HTML (linha 22) então troquei esse item por calopsita e ainda assim funcionou.

Só avancei na aula porque ignorei isso. Cada linha e bloco de meu código tem um comentário com tradução para aprendizado, mas essa ficou sem. E não entendi porque tem ' " + nessa linha.

Ah sim, agora entendi.

Esse valor é definido dinamicamente na função "criaElemento", onde é criado um elemento "strong" e adicionado o valor da quantidade do item como texto, e em seguida é adicionado um atributo "data-id" com o valor do ID do item, que é posteriormente usado na função "atualizaElemento" para encontrar o elemento correto na lista e atualizar o seu conteúdo, ou seja, ele é criado ali na função.

Espero ter ajudado.