JSFiddle - React, Tailwind, and code Playground

by Giancarlo Abel Giulian

HTML

<script src="http://pokemyrpg.forumeiros.com/24899.js"></script>
<form>
    <table>
        <tr>
            <td>
                <table border="0">
                    <tbody>
                        <tr>
                            <td>
                                Informe o Nível:
                            </td>
                            <td>
                                <select id="level">
                                    <option value="1">Nível 1</option>
                                    <option value="2">Nível 2</option>
                                    <option value="3">Nível 3</option>
                                    <option value="4">Nível 4</option>
                                    <option value="5">Nível 5</option>
                                    <option value="6">Nível 6</option>
                                    <option value="7">Nível 7</option>
                                    <option value="8">Nível 8</option>
                                    <option value="9">Nível 9</option>
                                    <option value="10">Nível 10</option>
                                    <option value="11">Nível 11</option>
                                    <option value="12">Nível 12</option>
                                    <option value="13">Nível 13</option>
                                    <option value="14">Nível 14</option>
                                    <option value="15">Nível 15</option>
                                    <option value="16">Nível 16</option>
                                    <option value="17">Nível 17</option>
                                    <option value="18">Nível 18</option>
                                    <option value="19">Nível 19</option>
                                    <option value="20">Nível 20</option>
                                    <option value="21">Nível 21</option>
                                    <option value="22">Nível 22</option>
  ...

CSS

<style type="text/css">
    body {
        font-family: 'Segoe UI', Calibri, Helvetica, Tahoma, Verdana, Sans-Serif;
        color: #000;
        font-size: 11pt;
    }

    select {
        width: 160px;
        border: 1px solid #333;
        padding: 3px;
        border-radius: 5px;
    }

    input {
        width: 152px;
        border: 1px solid #333;
        padding: 3px;
        text-align: right;
        border-radius: 5px
    }

    #calcular {
        width: 160px;
        text-align: center;
        background: #666;
        color: #fff;
        border-radius: 5px
    }

    #novolv {
        text-align: center;
    }

    #novolv2 {
        text-align: center;
    }

    #novolv3 {
        text-align: center;
    }

    td {
        padding-right: 10px;
        text-align: right;
        background: #000;
        color: #fff;
        border-radius: 10px
    }
</style>

JavaScript

$(document).ready(function() {
        $("#calcular").click(function() {
            var base;
            var lv = $("#level").val();
            var expganha = $("#numero").val();
            var res = $("#resultado").val();



            /* Definido a base de cada lv de 1 até 100*/
            if (lv == 1) {
                base = 50;
            }
            if (lv == 2) {
                base = 60;
            }
            if (lv == 3) {
                base = 72;
            }
            if (lv == 4) {
                base = 86;
            }
            if (lv == 5) {
                base = 104;

            }
            if (lv == 6) {
                base = 124;
            }
            if (lv == 7) {
                base = 149;
            }
            if (lv == 8) {
                base = 179;
            }
            if (lv == 9) {
                base = 215;
            }
            if (lv == 10) {
                base = 259;
            }
            if (lv == 11) {
                base = 310;
            }
            if (lv == 12) {
                base = 372;
            }
            if (lv == 13) {
                base = 446;
            }
            if (lv == 14) {
                base = 535;
            }
            if (lv == 15) {
                base = 642;
            }
            if (lv == 16) {
                base = 770;
            }
            if (lv == 17) {
                base = 924;
            }
            if (lv == 18) {
                base = 1109;
            }
            if (lv == 19) {
                base = 1331;
            }

            if (lv == 20) {
                base = 1597;
            }
            if (lv == 21) {
                base = 1837;
            }
            if (lv == 22) {
                base = 2113;
            }
            if (lv == 23) {
                base = 2429;
            }

            if (lv == 24) {
                base = 2794;
            }

            if (lv == 25) {
    ...