Olá Hudson!

Entendo sua dúvida sobre a diferença entre document.getElementById() e parseInt(document.getElementById().value). Vamos lá!

document.getElementById()

Essa função é usada para selecionar um elemento HTML pelo seu ID. Por exemplo:

let elemento = document.getElementById('meuElemento');

Isso retorna o elemento HTML completo. Se você quiser acessar o valor de um campo de entrada (input), você precisa usar .value:

let valor = document.getElementById('meuInput').value;

Isso retorna o valor como uma string.

parseInt()

A função parseInt() é usada para converter uma string em um número inteiro. Isso é útil quando você está lidando com valores numéricos que são retornados como strings, como no caso de valores de campos de entrada.

Juntando os dois

No seu código, você está usando parseInt(document.getElementById('qtd').value) para garantir que o valor do campo de entrada seja tratado como um número inteiro. Isso é importante para operações matemáticas e comparações numéricas.

Por exemplo:

let qtd = parseInt(document.getElementById('qtd').value);

Aqui, document.getElementById('qtd').value retorna o valor do campo de entrada como uma string, e parseInt() converte essa string em um número inteiro.

Exemplo Prático

Vamos supor que você tem um campo de entrada onde o usuário digita a quantidade de ingressos que deseja comprar:

<input type="text" id="qtd" value="5">

Se você usar apenas document.getElementById('qtd').value, o valor retornado será a string "5". Se você quiser comparar esse valor com outro número, ou realizar operações matemáticas, é necessário convertê-lo para um número inteiro:

let qtd = parseInt(document.getElementById('qtd').value);

Agora, qtd será o número inteiro 5, e você pode usá-lo em operações matemáticas e comparações numéricas corretamente.

Espero ter ajudado e bons estudos!