jQuery　if文

前提・実現したいこと

ボタンクリック時に入力されている値を取得した後に、if文を使い背景色を変更してみましょう。

1が入力されていたら：赤
2が入力されていたら：黄色
それ以外が入力されていたら：緑

この後の書き方がわかりません。

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

エラーメッセージ

該当のソースコード

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>if文</title> <link rel="stylesheet" type="text/css" href="base.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $(function(){ $("#button").on("click", function(){ var text=$("#value").val(); if (1) { $("#box").css("background-color","red") ; } });

});
</script>

</head> <body> <input type="text" id="value"> <input type="button" id="button" value="ボタン"> <div id="box"> </div> </body> </html>

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

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

回答1件

ベストアンサー

javascript
1<script>
2$(function(){
3  $("#button").on("click", function(){
4    var text=$("#value").val();
5    $("#box").css("background-color",text=="1"?"red":(text=="2"?"yellow":"blue"));
6  });
7});
8</script>
9<input type="text" id="value">
10<input type="button" id="button" value="ボタン">
11<div id="box">&nbsp</div>
12