<ol>
  <li>
    なるべく高いスコアを出し、以下を入力する<br>
    結果画面のスコア:
    <input type="number" id="totalScore"><br>
    レベルボーナスの横のスコア:
    <input type="number" id="bonusScore"><br>
    ボーナス予想:<span id="predictedBonus"></span><br>
    ※レベルアップしたら再度入れ直すこと<br>
  </li>
  <li>
    ゲーム中のスコアを入力する:
    <input type="number" id="gameScore"><br>

    最終スコア予想:<span id="predictedScore"></span><br>
    ※期待するスコアが出るまでスコアを増やしながら2を繰り返す<br>
    ※一致した場合はラストボーナスが発動しないようにすること
  </li>
</ol>
#predictedScore {
  font-weight: bold;
  color: red;
}
View Compiled
$(() => {
  $("#totalScore, #bonusScore, #gameScore").on("input", () => {
    const totalScore = parseInt($("#totalScore").val());
    const bonusScore = parseInt($("#bonusScore").val());
    const gameScore = parseInt($("#gameScore").val());
    
    const orgScore = totalScore - bonusScore;
    const predictedBonus = bonusScore / orgScore;
    $("#predictedBonus").text(predictedBonus);
    $("#predictedScore").text(gameScore + Math.floor(gameScore * predictedBonus));
  });
});
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js