【JavaScript】得点から合否を判定して表示するシンプルなサンプルコード

90点以上なら合格、そうじゃなければ不合格。
スコアに応じて合否を判定するJavaScriptのサンプルコードです。
コピペして動きをチェックしてみてください。

※この記事は自分用の備忘録です。内容に誤解がある可能性もありますので、正確な情報は公式ドキュメント等をご参照ください。

コード
判定結果
Web制作を学ぶならUdemy

コード

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <title>合格判定</title>
  </head>
  <body>
    <p></p>
    <script>
      const p = document.querySelector('p');

      function judgeScore(score) {
        if (score >= 90) {
          return '合格';
        } else {
          return '不合格';
        }
      }

      const score = 92; // 実際はユーザー入力などから取得
      p.textContent = `判定結果: ${judgeScore(score)}`;
    </script>
  </body>
</html>

このコードは、HTML内の<p>要素にJavaScriptで「判定結果」を表示する簡単な例です。

judgeScore関数で点数が90点以上なら「合格」、それ未満なら「不合格」と判定し、その結果を画面に表示します。

点数は仮に92点としており、実際にはユーザー入力などで動的に変えることを想定しています。

動作確認や備忘録用としてシンプルかつ分かりやすい構成になっています。

判定結果

const score = 92;

score が92なら「判定結果: 合格」と表示されます。

const score = 85;

score が85なら「判定結果: 不合格」と表示されます。

function judgeScore(score) {
  if (score >= 80) {
    return '合格';
  } else {
    return '不合格';
  }
}

80以上が合格とすれば、score が85でも「判定結果: 合格」と表示されます。

if-elseを1行に！三項演算子で書くJavaScriptの条件分岐

if-else文を1行で書く方法を紹介！JavaScriptの三項演算子を使ったシンプルな条件分岐の書き方をわかりやすく解説します。

Web制作を学ぶならUdemy

HTML・CSS・JavaScriptの基本から本格的なWebアプリ制作まで学べます。

【世界で90万人が受講】Web Developer Bootcamp（日本語版）

※このリンクは広告です（アフィリエイトリンク）

📚 おすすめのUdemy講座について詳しく
👉 独学でWebアプリが作れる！初心者におすすめのUdemy講座【体験レビューあり】