Monotributo calculadora
HTML
<fieldset>
<h1 style='text-align:center;'>MONOTRIBUTO 2021</h1>
<h4>Calculá tu categoría y cuota mensual</h4>
<p> Ingresar actividad: </p>
<div class="select-option">
<select name="actividad" id="actividad">
<option value=2>---Elegir una opción---</option>
<option value=1>Locación o prestación de servicios</option>
<option value=0>Venta de cosas muebles</option>
</select>
</div>
<p> Ingresar situación laboral: </p>
<div class="select-option">
<select name="situacion_laboral" id="situacion_laboral">
<option value=2>---Elegir una opción---</option>
<option value=1> Actividad independiente</option>
<option value=0> Empleados en relación de dependencia </option>
<option value=0> Profesional (aporta a caja específica) </option>
<option value=0> Jubilado hasta junio 1994 </option>
</select>
</div>
<p id="label_facturacion"> Ingresar facturación anual: </p>
<div>
<input type="number" id="facturacion" value="0">
</div>
<p>
<div>
<a class="icon document color button" type="submit" id="button_calculate" value="Calculate">
Calcular</a>
</div>
</p>
<p class='result' id="text_cat"></p>
<p class='result' id="text_total"></p>
<p class='subresult' id="text_impuestos"></p>
<p class='subresult' id="text_obra_social"></p>
<p class='subresult' id="text_jubilacion"></p>
</fieldset>
CSS
h1 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
line-height: 1.1;
color: #007BC1;
text-align: center;
}
h4 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
line-height: 1.1;
color: #7f1954;
text-align: center;
}
fieldset {
min-width: 80%;
border-radius: 10px;
background: #FFFFFF;
margin: 20px;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
position: relative;
border: 2px groove threedface;
}
/* select */
.select-option select {
background: #E4E4E4;
font-size: 15px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 94%;
margin-left: 3%;
margin-right: 3%;
height: 30px;
line-height: 40px;
padding-left: 10px;
border-radius: none;
margin-bottom: 5px;
-moz-appearance: none;
color: rgb(127, 25, 84);
}
/* parrafos */
p {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
line-height: 1.1;
color: #007BC1;
margin-top: 20px;
margin-bottom: 10px;
font-size: 15px;
}
p.result {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: rgb(127, 25, 84);
font-size: 35px;
}
p.subresult {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: rgb(127, 25, 84);
font-size: 18px;
}
/* number */
input[type=number] {
font-size: 1em;
width: 7em;
padding: 3px;
margin: 0;
border: 1px solid #ddd;
border-radius: 5px;
text-align: center;
}
input[type=number]:focus {
outline: none;
}
/* para sacar las flechitas */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance:textfield;
}
/* -------------- Button Base -------------- */
.button,
.buttonbar a {
cursor: pointer;
text-decoration: none;
display: inline-table;
position: relative;
color: #007BC1;
background-repeat:...
JavaScript
/*los siguientes son arreglos y constantes con los datos de impuestos a locación
y prestación de servicios, venta de cosas muebles y aportes jubilatorios,
ordenados de menor a mayor categoría, para ser llamados dependiendo en cual
estamos.
*/
const arr_imp_servicios = [228.63, 440.49, 753.19, 1237.37, 2353.69, 3238.03, 4118.99, 9414.8];
const arr_imp_venta = [228.63, 440.49, 696.01, 1143.23, 1825.79, 2383.95, 2972.36, 7296.50, 11768.52, 13829.70, 15887.51];
const arr_aportes_jubilatorios = [1008.72, 1109.59, 1220.56, 1342.61, 1476.88, 1624.56, 1787.01, 1965.71, 2162.29, 2378.53, 2616.36];
const arr_max_cat = [282444.69, 423667.03, 564889.40, 847334.12, 1129778.77, 1412223.49, 1694668.19, 2353705.82, 2765604.35, 3177502.86, 3530558.74];
const imp_obra_social = 1408.87;
const MAX_LOCACION = 7;
const MAX_MUEBLES = 10;
const A_ASCII = 65;
$(document).ready(function() {
$("#actividad").on("change", function() {
var actividad = document.getElementById('actividad').value;
});
$("#situacion_laboral").on("change", function() {
var situacion_laboral = document.getElementById('situacion_laboral').value;
});
$("#button_calculate").on("click", function() {
var n = $("#facturacion").val();
var error = 0;
var jubilacion = 0;
var obra_social = 0;
var imp = 0;
var total = 0;
var cat = "A"; //cat es la categoría de monotributo, empezando desde la A = 0
//abajo estan los maximos de cada categoría
if (n <= arr_max_cat[0]) {
cat = "A"
} else if (n <= arr_max_cat[1]) {
cat = "B"
} else if (n <= arr_max_cat[2]) {
cat = "C"
} else if (n <= arr_max_cat[3]) {
cat = "D"
} else if (n <= arr_max_cat[4]) {
cat = "E"
} else if (n <= arr_max_cat[5]) {
cat = "F"
} else if (n <= arr_max_cat[6]) {
cat = "G"
} else if (n <= arr_max_cat[7]) {
cat = "H"
} else if (n <= arr_max_cat[8]) {
cat = "I"
} else if (n <= arr_max_cat[9]) {
cat = "J"
}...