Tibia Wiki:Experience Events Calculator/Codigo

<div style="display: flex; flex-flow: column wrap; align-items: center">
        <div id="calc_shard" class="calc_bg">
            <div class="info-box">
                Como Usar: <br />
                - Escolha qual item de experiência você usará.<br />
                - Informe a quantidade de item que você irá entregar ao NPC. <br />
                - Informe qual o seu level. <br />
            </div>
            <div class="data-box info-box">
                <div>
                    <label>Item:</label>
                    <div id="botao_item" class="selection-items">
                        <select id="item"><option value="1">Midnight Shard</option><option value="2">Stone of Insight</option></select>
                    </div>
                </div>
                <div>
                    <label>Quantidade:</label>
                    <div id="botao_shard">
                        <input name="quantidade" maxlength="3" id="quantidade" type="text" size="10" value="1" onclick="this.value='';" onblur="this.value=!this.value?'1':this.value;" />
                    </div>
                </div>
                <div>
                    <label>Level:</label>
                    <div id="botao_level">
                        <input name="level" id="level" type="text" size="10" value="0" onclick="this.value='';" onblur="this.value=!this.value?'0':this.value;" />
                    </div>
                </div>
            </div>
            <div class="info-box">
                <label id="shard-result"></label><br /><br />
                <label id="shard-result2" class="hide"><br />
                    Mas atenção! Você só pode usar 40 shards por ano.
                </label>
                <label id="shard-result3" class="hide"><br />
                    Mas atenção! Você só pode usar 1 stone por ano. 
                </label>
            </div>
        </div>
        <span class="span-version">© TibiaWiki.com.br - Versão 2.0</span>
    </div>

$(document).ready(function () {
            $('#calc_shard').bind("keyup change", function () {
                let item = $("select#item").val();
                if (item == 2) {
                    managerStoneOfInsight();
                } else {
                    managerMidnightShards();
                }
                showComponent($('#shard-result'));
            });
            $("#calc_shard").keydown(function (event) {
                if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || event.keyCode == 13 || (event.keyCode == 65 && event.ctrlKey === true) || (event.keyCode >= 35 && event.keyCode <= 39)) {
                    return;
                } else {
                    if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105)) {
                        event.preventDefault();
                    }
                }
            });
        });

        function managerStoneOfInsight() {
            hideAllWarnings();
            
            let quantidade = $('#quantidade').val();
            let level = $('#level').val();
            let experience = (quantidade > 1) ? (level * level * 100 * quantidade) : (level * level * 100);
            $('#shard-result').text('Você receberá ' + experience + ' de experiência.');

            if (quantidade >= 2) {
                showComponent($('#shard-result'));
                showComponent($('#shard-result3'));
            } else {
                showComponent($('#shard-result'));
                hideComponent(('#shard-result3'));
            }
        }
        function managerMidnightShards() {
            hideAllWarnings();
            let quantidade = $('#quantidade').val();
            let level = $('#level').val();
            let experience = (level >= 200) ? ((300 * 200) * quantidade) : ((300 * level) * quantidade);
            $('#shard-result').text('Você receberá ' + experience + ' de experiência.');
            
            (quantidade > 40) ? showComponent(('#shard-result2')) : hideComponent($('#shard-result2'));

            if (quantidade <= 0) {
                hideComponent($('#shard-result'));
                hideComponent($('#shard-result2'));
            }
        }

        function hideAllWarnings() {
            hideComponent($('#shard-result'));
            hideComponent($('#shard-result2'));
            hideComponent($('#shard-result3'));
        }
        function hideComponent(component) {
            $(component).addClass("hide");
        }
        function showComponent(component) {
            $(component).removeClass("hide");
        }