Olá a todos!
Minha resolução para o projeto de ingressos foi a seguinte:
function comprar() {
let tipoIngresso = document.getElementById('tipo-ingresso').value;
let quantidadeIngresso = parseInt(document.getElementById('qtd').value);
// Verifica se a quantidade informada é um número válido
if (isNaN(quantidadeIngresso)) {
alert('Por favor, informe uma quantidade válida.');
return;
} else if (quantidadeIngresso <= document.getElementById(`qtd-${tipoIngresso}`).textContent) { //se a quantidade inserida for menor ou igual ao disponivel no html
document.getElementById(`qtd-${tipoIngresso}`).textContent = document.getElementById(`qtd-${tipoIngresso}`).textContent - quantidadeIngresso; //esta subtraindo no html
alert('Compra realizada com sucesso!');
} else { //se a quantidade inserida for maior que a quantidade disponivel no html
alert(`Quantidade de ingressos indisponivel para o setor ${tipoIngresso}`);
}
}
Tentei deixar da maneira mais enxuta que consegui e adicionei uma validação de número como redundância afim de evitar qualquer tipo de vulnerabilidade.