LoginSignup
0
0

More than 1 year has passed since last update.

【JavaScript】「背景黒」ボタンを押すと、ページ全体の背景色が黒で文字色が白、「背景白」ボタンを押すと、ページ全体の背景色が白で文字色が黒となるようプログラムを書け

Last updated at Posted at 2021-05-11

image.pngimage.png

image.png

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>実行タイミング</title>
    <script>
        /* 課題処理を追加 */
        function background_black(){
        document.body.style.color='white';
        document.body.style.backgroundColor = "black";
        }
        function background_white(){
        document.body.style.color='black';
        document.body.style.backgroundColor = "white";

        }
        window.onload = function(){
        var black = document.getElementById("black");
        var white = document.getElementById("white");
        black.addEventListener("click",background_black,false);
        white.addEventListener("click",background_white,false);
        }

    </script>
</head>
<body>
    <p>ボタンクリックにより背景色と文字色を変化</p>
    <button id="black">背景黒</button>
    <button id="white">背景白</button>
</body>
</html>
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0