Como se traduz essa linha?
function atualizaQuantidade (item) {
document.querySelector("[data-id='"+item.id+"']").innerHTML = item.quantidade
}
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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.