Stats, mod&rank

HTML

<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>

JavaScript

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