<div style="display: flex; flex-flow: column wrap; align-items: center">
<div id="calc_shard" class="calc_bg">
<div class="info-box border-bottom">
<b>Como Usar:</b> <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 border-bottom">
<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>© TibiaWiki.com.br - Versão 2.0</span>
</div>
$(document).ready(function () {
$('#calc_shard').bind("keyup change", function () {
var level = $('#level').val();
var quantidade = $('#quantidade').val();
var item = $("select#item").val();
if (item == 2) {
if (quantidade <= 0) {
$('#shard-result').addClass("hide");
$('#shard-result3').addClass("hide");
} else if (quantidade >= 2) {
$('#shard-result').text('Você receberá ' + $('#level').val() * $('#level').val() * 100 * $('#quantidade').val() + ' de experiência.');
$('#shard-result').removeClass("hide");
$('#shard-result3').removeClass("hide");
} else {
$('#shard-result').text('Você receberá ' + $('#level').val() * $('#level').val() * 100 + ' de experiência.');
$('#shard-result').removeClass("hide");
$('#shard-result3').addClass("hide");
}
} else {
$('#shard-result3').addClass("hide");
if (quantidade >= 41) {
$('#shard-result2').removeClass("hide");
} else {
$('#shard-result2').addClass("hide");
}
if (quantidade <= 0) {
$('#shard-result').addClass("hide");
$('#shard-result2').addClass("hide");
} else if (quantidade >= 1) {
if (level >= 200) {
$('#shard-result').removeClass("hide");
$('#shard-result').text('Você receberá ' + (300 * 200) * $('#quantidade').val() + ' de experiência.');
} else {
$('#shard-result').removeClass("hide");
$('#shard-result').text('Você receberá ' + (300 * $('#level').val()) * $('#quantidade').val() + ' de experiência.');
}
}
}
if (level >= 1 && quantidade <= 0) {
$('#shard-result').addClass("hide");
$('#shard-result2').addClass("hide");
$('#shard-result3').addClass("hide");
} else if (level <= 0 && quantidade <= 0) {
$('#shard-result').addClass("hide");
$('#shard-result2').addClass("hide");
$('#shard-result3').addClass("hide");
} else if (level <= 0 && quantidade >= 1) {
$('#shard-result').addClass("hide");
$('#shard-result2').addClass("hide");
$('#shard-result3').addClass("hide");
}
});
$("#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();
}
}
});
});