<body>

<div class="input-container">
    <label for="sizeA">Size A:</label>
    <input type="number" id="sizeA">
</div>
<div class="input-container">
    <label for="sizeB">Size B:</label>
    <input type="number" id="sizeB">
</div>
<button id="calculateButton">Calculate L</button>
<div id="result"></div>


<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>
    jQuery(document).ready(function($) {
        $('#calculateButton').on('click', function() {
            var A = parseFloat($('#sizeA').val());
            var B = parseFloat($('#sizeB').val());

            if (isNaN(A) || isNaN(B)) {
                $('#result').text("Please enter valid numbers for Size A and Size B.");
                return;
            }

            var L = ((A - 4) * 2) + B - 38;
            $('#result').text("L = " + L);
        });
    });
</script>

</body>