Skip to main content
4 de 4
adicionou 4 caracteres ao conteúdo
Sam
  • 80,8mil
  • 22
  • 73
  • 128

É possível um Switch dentro de um Else?

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>

https://jsfiddle.net/9obtwds1/1/