＃if文　＃条件分岐

前提・実現したいこと

フォームに入力した数字によってボックスの色を変えたい（１を入力したら赤、２を入力したら青、それ以外を入力した場合は緑）のですが上手くいかないので教えていただけると助かります。<script><script/>間のコードを直したいです。よろしくお願いいたします。
ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

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

エラーメッセージ

該当のソースコード

HTML

ソースコード
<!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 = '1';
      if (text == '1') {
        $('#box').css('color','red');
      }
  });
  </script>





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

試したこと

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

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

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

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

回答1件

まずは、入力テキストの値を使用するように修正しましょう。
var text = $('#value').val();

投稿2020/11/03 07:58

plasticgrammer

総合スコア629

abibinyan

2020/11/03 08:14

数字合ってなくても赤になってしまうのですが、どこが悪いか教えていただけますでしょうか。よろしくお願いいたします。 script> $(function(){ // ここに処理を記述 $('#button').on('click',function(){ var text = $('#value').val(); if (1) { $('#box').css('background-color','red'); } }); }); </script>

abibinyan

2020/11/03 08:19

すいません！色変えることできました！本当にありがとうございます！

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