#bmiForm { display: flex; flex-direction: column; color: #1e2033 !important; } .frmentry { display: flex; flex-direction: column; width: 100%; margin-bottom: 15px; } .mbt-button { background-color:#009fe3 !important; font-family: "brandon-grotesque"; font-size: 16px !important; font-style: normal; font-weight: 700; letter-spacing: 0.24px; line-height: 22px; text-transform: uppercase; color: #ffffff !important; border-radius:12px !important; } .mbt-button:hover { background-color: #e43a7b !important; } .mbt-result { background-color: #e43a7b !important; color: #ffffff; } #result { background-color: #e43a7b !important; color: #fff !important; font-weight: bold; font-size: 20px !important; border-radius:12px !important; } #result:empty { display: none; } $(document).ready(function () { $('#result').hide(); $('#bmiForm').on('submit', function (event) { event.preventDefault(); const weight = parseFloat($('#weight').val()); const height = parseFloat($('#height').val()); $('#result').show(); if (weight > 0 && height > 0) { const bmi = (weight / ((height / 100) * (height / 100))).toFixed(2); $('#result').text(`BMI is: ${bmi}`); } else { $('#result').text('Voer geldig gewicht en lengte in.'); } }); });