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

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 JQueryjQuery), 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()if() e apenas o Default que eu defini no Switch()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/

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/

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/

Tweeted twitter.com/StackOverflowPT/status/1120794693430861830
adicionou 769 caracteres ao conteúdo; título editado
Fonte Link
Costamilam
  • 10mil
  • 7
  • 42
  • 105

É possível um Switch() dentro de um Else()?

$('#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;
        }
    }
});

$('#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>

É possível um Switch() dentro de um Else()?

$('#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;
        }
    }
});

É possível um Switch dentro de um Else?

$('#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>

adicionou 838 caracteres ao conteúdo; tags editadas
Fonte Link
bfavaretto
  • 66,2mil
  • 11
  • 151
  • 228

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;
        }
    }
});

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

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.

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

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;
        }
    }
});

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

Fonte Link
Carregando