<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
This Pen doesn't use any external CSS resources.