Eu entendo o que essa linha faz, mas não consigo entender certinho como ler ela. Por exemplo ficou confuso pra mim a declaração dentro do queryselector "[data-id='"+item.id+"']" O diferença entre aspas simples e duplas ainda não entendo. Se alguém puder esclarecer agradeço. Obrigado. Curso sensacional.
Oi Danilo, tudo bem?
Fico feliz que esteja gostando do curso!
Vamos lá, a linha de código que você mencionou tem como objetivo selecionar um elemento HTML que tenha um atributo "data-id" com o valor igual ao ID do item que está sendo manipulado, e então alterar o conteúdo desse elemento para a quantidade desse item.
A declaração dentro do querySelector, "[data-id='"+item.id+"']", é uma forma de concatenar o valor da variável "item.id" dentro de uma string. As aspas simples e duplas são utilizadas para delimitar strings em JavaScript, e nesse caso, as aspas simples estão sendo utilizadas para delimitar a string principal, enquanto as aspas duplas estão sendo utilizadas para delimitar o valor da variável "item.id".
Por exemplo, se o valor de "item.id" for "123", a string resultante será "[data-id='123']".
Espero ter ajudado e bons estudos!
Abraço.