Q&A
前提・実現したいこと
ボタンクリック時に入力されている値を取得した後に、if文を使用して背景色を変更する。
１が入力されたら赤
２が入力されたらみどり
それ以外が入力されたら青
発生している問題・エラーメッセージ
背景色が変わらない
該当のソースコード
<!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 v = $('#value').val(); if(v == "1") { $('#box').css('backgroud-color','red'); } else if(v == "2") { $('#box').css('backgroud-color','green'); } else { $('#box').css('backgroud-color','blue'); } }); }); </script> </head> <body> <input type="text" id="value"> <input type="button" id="button" value="ボタン"> <div id="box"> </div><!-- button --> </body> </html>
試したこと
似た質問を探し、該当箇所がないか確認しました。
その他、書籍やホームページで構文やよくある間違いをみてみました。
３時間検討してみましたが、解決しませんでした。
補足情報（FW/ツールのバージョンなど）
回答1件
0
ベストアンサー
綴り間違いかと。。
誤）backgroud-color
正）background-color
投稿2021/11/21 12:51
総合スコア4648
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2021/11/21 12:53