IRS

by davidxmartins

HTML

<!DOCTYPE html>
<html lang="pt">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simulador de IRS</title>
    <script>
        function calcularIRS() {
            let valorRecibo = parseFloat(document.getElementById("valorRecibo").value);
            if (isNaN(valorRecibo) || valorRecibo <= 0) {
                alert("Por favor, insira um valor válido.");
                return;
            }
            let percentualTributavel = 0.75;
            let taxaMarginal = 0.26;
            let rendimentoTributavel = valorRecibo * percentualTributavel;
            let irsAPagar = rendimentoTributavel * taxaMarginal;
            let valorLiquido = valorRecibo - irsAPagar;
            
            document.getElementById("resultado").innerHTML = `
                <p><strong>Para um recibo de ${valorRecibo.toFixed(2)}€:</strong></p>
                <p>- Rendimento Tributável: ${rendimentoTributavel.toFixed(2)}€</p>
                <p>- IRS a Pagar: ${irsAPagar.toFixed(2)}€</p>
                <p>- Valor Líquido: ${valorLiquido.toFixed(2)}€</p>
            `;
        }
    </script>
    
    <style>
      body {
  font-family: sans-serif;
  text-align: center;
  margin: 50px;
}

h1 {
  font-size: 50px;
}
h2, h3, h4 {
  color: grey;
}

label {
  text-transform: uppercase;
  font-weight: bold;
}
input {
  all: unset; 
  background: white;
  color: black;
  height: 33px;
  margin: 0 10px 0 5px;
  border: 0;
}

button {
  all: unset; /* Resets all default styles */
    cursor: pointer;
    background: black;
  color: white;
  padding: 10px 20px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  border: 0;
}

.calc-container {
  background: #ccc;
  display: inline-block;
  padding: 30px;
}
    </style>
</head>
<body>
    <h1>Simulador de IRS</h1>
    <h2>Para Trabalhador Independente em actividade com rendimento tributável de 75%</h2>
    <h3>
    Simulador com base num rendimento...