javascriptについて

###前提・実現したいこと
ここに質問したいことを詳細に書いてください
(例)PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

###発生している問題・エラーメッセージ
javascriptで100点満点のテストで、30点より低い場合は補修、30点以上かつ80点より低い場は合格、80点以上の場合は優とするプログラミングが書けなくて困っています。
教えていただけると幸いです。

エラーメッセージ


###該当のソースコード
```ここに言語を入力
ここにご自身が実行したソースコードを書いてください

###試したこと
課題に対してアプローチしたことを記載してください

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
###前提・実現したいこと
ここに質問したいことを詳細に書いてください
(例)PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

###発生している問題・エラーメッセージ

エラーメッセージ

###該当のソースコード

ここにご自身が実行したソースコードを書いてください

###試したこと
課題に対してアプローチしたことを記載してください

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

gouf

2017/08/11 13:49

質問テンプレートの内容がそのまま残されている部分があるように見受けられます。まずは質問文を完成させてください

行動規範の内容に同意します

回答1件

if文を使用することで質問者さんが想像するような動作を実現することが可能です。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <title>タイトル</title>
6</head>
7<body>
8<label>
9    <input type="text" id="text1">
10</label>
11<input type="button" id="button1" value="クリック">
12<script>
13    document.getElementById("button1").addEventListener("click", function () {
14        let testScore = parseInt(document.getElementById("text1").value);
15
16        if (testScore < 30) {
17            alert("穂");
18        } else if (testScore < 80) {
19            alert("合格");
20        } else {
21            alert("優");
22        }
23    }, false);
24</script>
25</body>
26</html>