Bom dia
Referente ao curso de typescript, na parte 1. JavaScript vs TypeScript o professor faz a estrutura "if"para implementar as lógicas das transações.
Código JavaScript
let saldo = 3000;
const elementoSaldo = document.querySelector(".saldo-valor .valor");
elementoSaldo.textContent = saldo;
const elementoFormulario = document.querySelector(".block-nova-transacao form");
elementoFormulario.addEventListener("submit", function(event) {
event.preventDefault();
if(!elementoFormulario.checkValidity()) {
alert("Por gentileza, preencher todos os campos da transação!");
return
// Checa se todos os campos estão preenchidos
}
// Acessar os inputs transacao, valor e data
const inputTipoTransacao = elementoFormulario.querySelector("#tipoTransacao");
const inputValor = elementoFormulario.querySelector("#valor");
const inputData = elementoFormulario.querySelector("#data");
// Pegar os valores preenchidos nos inputs transacao, valor e data
let tipoTransacao = inputTipoTransacao.value;
let valor = inputValor.value;
let data = inputData.value;
// Lógica das transações
if(tipoTransacao == "Depósito"){
saldo += valor;
// Quando for depósito, irá somar o valor ao saldo da conta
} else if (tipoTransacao == "Transferência" || tipoTransacao == "Pagamento de Boleto"){
saldo -= valor;
// Quando for tranferência ou pagamento de boleto, irá diminuir o valor do saldo da conta
} else {
alert("A transação selecionada é inválida!");
return
}
// Atualizar o valor do saldo da conta
elementoSaldo.textContent = saldo;
// Objeto com as informações
const novaTransacao = {
tipoTransacao: tipoTransacao,
valor: valor,
data: data
}
console.log(novaTransacao);
// Reset do formulario
elementoFormulario.reset();
});
Porém, quando eu vou fazer o teste para fazer o depósito, o saldo fica bugado conforme a imagem abaxo:
O saldo inicial da conta é de R$ 3000,00 conforme feito na videoaula, e foi feito um depósito de R$ 1.68, porém o sald fica bugado. Como concertar isso ?