Não entendi pq foi criado a letqtdInput e depois a let qtd
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!
Não entendi pq foi criado a letqtdInput e depois a let qtd
Olá, Flavio, tudo bem?
Para entender melhor iremos analisar cada variável e suas funcionalidades no código:
let qtdInput = document.getElementById('qtd');
A variável qtdInput é uma referência ao elemento HTML com o ID 'qtd'. Este elemento captura a entrada de texto <input type="text"> onde o usuário digitará a quantidade desejada de ingressos.
Já segunda variável, qtd, é usada para armazenar o valor numérico dessa entrada. Aqui é onde a função parseInt entra em jogo, convertendo a string qtdInput em um número inteiro que pode ser usado em cálculos ou outras operações que requerem números.
let qtd = parseInt(qtdInput.value);
A escolha de ser duas variáveis é apenas uma preferência do programador. Você também pode simplificar o código utilizando apenas uma variável para armazenar a quantidade diretamente da propriedade value do elemento HTML, sem criar uma variável intermediária.
let qtd = parseInt(document.getElementById('qtd').value);
Espero ter ajudado.
Caso surja alguma dúvida, fico à disposição.
Abraços e bons estudos!