Como se traduz essa linha?
function atualizaQuantidade (item) {
document.querySelector("[data-id='"+item.id+"']").innerHTML = item.quantidade
}
Como se traduz essa linha?
function atualizaQuantidade (item) {
document.querySelector("[data-id='"+item.id+"']").innerHTML = item.quantidade
}
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.