jQueryのonメソッドの使用方法して、
以下の操作を完了させたいです。
実現したいこと
「背景黒」ボタンを押すと、ページ全体の背景色が黒で文字色が白、「背景白」ボタンを押すと、
ページ全体の背景色が白で文字色が黒となるようプログラムを作成したいです。
発生している問題・エラーメッセージ
自身で考えたコード内容ではここまでしか書けず、
実際に背景が黒に変化しません。
該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>実行タイミング</title> <style> body { background-color: white; } body.isActive { background-color: black; color: white; } </style> </head> <body> <p>ボタンクリックにより背景色と文字色を変化</p> <button id="black">背景黒</button> <button id="white">背景白</button> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymos"></script> <script> $('#black').on('click', () => { $('#body').addClass('isActive'); }); $('#white').on('click', () => { $('#body').removeClass('isActive'); }); </script> </body> </html>
補足情報
使用エディターはCloud9です。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。