diff --git a/codigo/calculadoraTitulo/calculadoraTitulo.css b/codigo/calculadoraTitulo/calculadoraTitulo.css new file mode 100644 index 0000000..b464a82 --- /dev/null +++ b/codigo/calculadoraTitulo/calculadoraTitulo.css @@ -0,0 +1,58 @@ + html { + height: 100%; + width: 100%; + } + + .navbar { + border-bottom: 1px solid; + } + + + + .nav-item { + padding-left: 30px; + } + + #bntCalcular{ + background-color: rgb(199, 199, 199); + border: 1px solid; + border-radius: 5px; + width: 90px; + height: 40px; + } + + .form { + display: flex; + flex-direction: column; + align-items: center; + } + + + .form .input { + background-color: #EFEFEF; + border-color: #ACAAAC; + border-style: solid; + border-width: 1px; + min-height: 50px; + border-radius: 5px; + font-size: 17px; + padding: 10px 13px; + max-width: 100px; + } + + + #container-footer { + margin-top: 25px; + padding: 15px; + border-top: 1px solid; + } + + #container-footer > a { + text-decoration: none; + padding-left: 15px; + color: black; + } + + img{ + width: 50px; + } \ No newline at end of file diff --git a/codigo/calculadoraTitulo/calculadoraTitulo.html b/codigo/calculadoraTitulo/calculadoraTitulo.html new file mode 100644 index 0000000..3fb4347 --- /dev/null +++ b/codigo/calculadoraTitulo/calculadoraTitulo.html @@ -0,0 +1,119 @@ + + + + + + + Calculadora de título + + + + + + +
+ +
+
+
+
+
+

Calculadora de título

+

Através de uma simulação com a nossa calculadora, você pode estimar a rentabilidade dos títulos, de acordo com o valor que está planejando investir.

+

O cálculo não considera a inflação.

+
+ +
+ +
+ +
+
+ +
+
+ +
+
+ + +
+
+ +
+
+ +
+
+ + + + +
+ +
+ +
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/codigo/calculadoraTitulo/calculadoraTitulo.js b/codigo/calculadoraTitulo/calculadoraTitulo.js new file mode 100644 index 0000000..416537b --- /dev/null +++ b/codigo/calculadoraTitulo/calculadoraTitulo.js @@ -0,0 +1,42 @@ +window.onload = () => { + const btnCalcular = document.getElementById("bntCalcular"); + const formulario = document.getElementById("formularioTitulo"); + const telaResultado = document.getElementById("tela"); + + btnCalcular.addEventListener('click', (event) => { + event.preventDefault(); + if (formulario.checkValidity()) { + calculoDeTitulo(); + } else { + alert("Por favor, preencha corretamente todos os campos obrigatórios."); + } + }); + + function calculoDeTitulo() { + let rendimento = parseFloat(formatarValor(document.getElementById("rendimento").value)); + let montante = parseFloat(formatarValor(document.getElementById("montante").value)); + let anoRetirada = parseInt(document.getElementById("anoRetirada").value) - 1; + let mesRetirada = parseInt(document.getElementById("mesRetirada").value) - 1; + let mesinicio = parseInt(document.getElementById("mesinicio").value) - 1; + let anoinicio = parseInt(document.getElementById("anoinicio").value); + let valor = montante; + + let mesPorRendimento = 1 + (rendimento / 1200); + + if (anoRetirada < anoinicio) { + telaResultado.innerHTML = `

Erro ano de retirada é menor que o ano do investimento

`; + } else { + let Periodo = ((anoRetirada - anoinicio) * 12) + (12 - mesinicio) + mesRetirada; + + for (let i = 0; i < Periodo; i++) { + valor *= mesPorRendimento; + } + + telaResultado.innerHTML = `

Valor bruto do resgate é de: R$ ${valor.toFixed(2)}

`; + } + } + + function formatarValor(valor) { + return valor.replace(/\./g, '').replace(',', '.'); + } +}; \ No newline at end of file diff --git a/codigo/calculadoraTitulo/logo.png b/codigo/calculadoraTitulo/logo.png new file mode 100644 index 0000000..f2583f0 Binary files /dev/null and b/codigo/calculadoraTitulo/logo.png differ