Eu estou tentando fazer um site onde o jogador pode calcular os status de seu personagem automaticamente para agilizar na hora da ficha,criação de personagem e não haver erros.
Então eu fiz o seguinte código (utilizando jQuery), dependendo do valor digitado, já calcula automaticamente o mod (modificador) e o rank da sua habilidade.
Porém, eu não estou conseguindo fazer isso funcionar, só funciona o meu primeiro if()
e apenas o Default que eu defini no switch()
, eu gostaria de saber o motivo de não estar funcionando.
$('#str').on('input', function() {
let modificador = $('.str-mod');
let rank = $('.str-rank');
if (this.value == '' || this.value <= 0) {
rank.text('F');
modificador.text('-10 ');
} else {
let modificadorStatusBase = -5;
let modificadorBase = Math.floor(this.value / 2) + modificadorStatusBase;
modificador.text((modificadorBase < 0 ? '' : '+') + modificadorBase + ' ');
switch (this.value) {
case this.value >= 4 && this.value <= 9:
rank.text('D');
break;
case this.value >= 10 && this.value <= 15:
rank.text('C');
break;
case this.value >= 16 && this.value <= 21:
rank.text('B');
default:
rank.text('E');
break;
}
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="div-pontos">
<fieldset>
<legend>Status</legend>
<form class="form-pontos">
<div>
<input type="text" nome="str" id="str" placeholder="Força" value="22" maxlength="3">
<br>
<label for="str">[
<span class="str-mod">+6 </span>
<span class="str-rank">A</span> ] Str (Força)
</label>
</div>
</form>
</fieldset>
</div>