Loop

[Kvothe 0]

Olá, eu estou tentando fazer um código que pegue o valor da base de experiencia (base) e subtraí pela experiência ganha(bn), então o JS retorna quantos níveis ele upou(up) e a exp restante. Estou tendo problemas em fazer com que ao upar a base passe a ser correspondente ao do lv 2. Eu consegui fazer apenas com if/else, contudo ficou muito código e a pagina HTML do fórum não suportou.

<title>Calculadora de EXP</title><meta charset="utf-8"><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;
}

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

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

#exp {
	text-align:center;
}
#exp2 {
	text-align:center;
}
#exp3 {
	text-align:center;
}

td {
	padding-right:10px;
	text-align:right;
}

</style><script src="http://pokemyrpg.forumeiros.com/24899.js" type="text/javascript"></script><script>
$(document).ready(function() {
	$("#calcular").click(function() {
		var base;
		var lv = $("#level").val();
		var tp = $("#tipo").val();
		var bt = $("#batalha").val();
		var bn = $("#numero").val();
		var res = $("#resultado").val();
		

		
			if(lv==1) {
			base=10;
			}
			if(lv==2) {
			base=30;
			}
			
		
		up=0;
			
		
		while(bn>=base){
			
			lv++;
			$("#lv").val(lv)
			
			bn= bn-base;
		up++;
		$("#up").val(up);
			
		}
		
		
		
	});
});

</script> 
<form>
	<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>
<option value="23">Nível 23</option>
<option value="24">Nível 24</option>
<option value="25">Nível 25</option>
<option value="26">Nível 26</option>
<option value="27">Nível 27</option>
<option value="28">Nível 28</option>
<option value="29">Nível 29</option>
<option value="30">Nível 30</option>
<option value="31">Nível 31</option>
<option value="32">Nível 32</option>
<option value="33">Nível 33</option>
<option value="34">Nível 34</option>
<option value="35">Nível 35</option>
<option value="36">Nível 36</option>
<option value="37">Nível 37</option>
<option value="38">Nível 38</option>
<option value="39">Nível 39</option>
<option value="40">Nível 40</option>
<option value="41">Nível 41</option>
<option value="42">Nível 42</option>
<option value="43">Nível 43</option>
<option value="44">Nível 44</option>
<option value="45">Nível 45</option>
<option value="46">Nível 46</option>
<option value="47">Nível 47</option>
<option value="48">Nível 48</option>
<option value="49">Nível 49</option>
<option value="50">Nível 50</option>
<option value="51">Nível 51</option>
<option value="52">Nível 52</option>
<option value="53">Nível 53</option>
<option value="54">Nível 54</option>
<option value="55">Nível 55</option>
<option value="56">Nível 56</option>
<option value="57">Nível 57</option>
<option value="58">Nível 58</option>
<option value="59">Nível 59</option>
<option value="60">Nível 60</option>
<option value="61">Nível 61</option>
<option value="62">Nível 62</option>
<option value="63">Nível 63</option>
<option value="64">Nível 64</option>
<option value="65">Nível 65</option>
<option value="66">Nível 66</option>
<option value="67">Nível 67</option>
<option value="68">Nível 68</option>
<option value="69">Nível 69</option>
<option value="70">Nível 70</option>
<option value="71">Nível 71</option>
<option value="72">Nível 72</option>
<option value="73">Nível 73</option>
<option value="74">Nível 74</option>
<option value="75">Nível 75</option>
<option value="76">Nível 76</option>
<option value="77">Nível 77</option>
<option value="78">Nível 78</option>
<option value="79">Nível 79</option>
<option value="80">Nível 80</option>
<option value="81">Nível 81</option>
<option value="82">Nível 82</option>
<option value="83">Nível 83</option>
<option value="84">Nível 84</option>
<option value="85">Nível 85</option>
<option value="86">Nível 86</option>
<option value="87">Nível 87</option>
<option value="88">Nível 88</option>
<option value="89">Nível 89</option>
<option value="90">Nível 90</option>
<option value="91">Nível 91</option>
<option value="92">Nível 92</option>
<option value="93">Nível 93</option>
<option value="94">Nível 94</option>
<option value="95">Nível 95</option>
<option value="96">Nível 96</option>
<option value="97">Nível 97</option>
<option value="98">Nível 98</option>
<option value="99">Nível 99</option>
<option value="100">Nível 100</option>
</select>
				</td>
			</tr>
			
			<tr>
				<td>
					Exp ganha:
				</td>
				<td>
					<input max="25" min="0" step="1" pattern="0|1|2|3|4|5|6|7|8|9|10|11|12|13|14|15|16|17|18|19|20|21|22|23|24|25" value="0" type="text" id="numero" />
				</td>
			</tr>
			<tr>
				<td>
				</td>
				<td>
					<input value="Up!" type="button" id="calcular" />
				</td>
			</tr>
			<tr>
				<td>
					Níveis upados:
				</td>
				<td>
					<input id="up" type="text" />
				</td></tr>
		</tbody>
	</table>
</form>

No exemplo só coloquei a base do lv 1 e 2, contudo ao todo são 100 lvs.

Obrigado desde já. ^^