Bom dia, alguém poderia me ajudar a entender o uso das aspas dentro deste querySelector? Grato!
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!
Bom dia, alguém poderia me ajudar a entender o uso das aspas dentro deste querySelector? Grato!
Gabriel tudo bem? Pode notar que para fazer o uso do item.id foi necessário fazer o uso do + para juntar ao valor da propriedade data-id.
Com isso para se usar essa forma de atribuição foi preciso colocar aspas duplas externas e internamente para completar o valor de data-id aspas simples para ficar dessa forma renderizado
document.querySelector("[data-id='1']").innerHTML = item.quantidade;Poderia ser feito com o inverso aspas simples fora e aspas dupla dentro
document.querySelector('[data-id="' + item.id + '"]').innerHTML = item.quantidade;Poderia ter sido escrito dessa forma com template string
document.querySelector(`[data-id="${item.id}"]`).innerHTML = item.quantidade;Segue algumas referências para leitura e estudos
Espero ter ajudado e bons estudos