点击切换背景颜色

<div class="container" style="background-color: pink">

      点击修改背景色,如果是pink修改为purple,如果是purple修改为pink

    </div>

    <div class="pink">

      点击修改背景色,如果是pink修改为purple,如果是purple修改为pink

    </div>

    <script>

      let con = document.querySelector(".container");

      con.onclick = function () {

        let color = con.style.backgroundColor;

        if (color == "pink") {

          con.style.backgroundColor = "purple";

        } else {

          con.style.backgroundColor = "pink";

        }

      };

      let con1 = document.querySelector(".pink");

      con1.onclick = function () {

        if (con1.className == "pink") {

          con1.className = "purple";

        } else {

          con1.className = "pink";

        }

      };

    </script>