题解 | #购物面板#

<script type="text/javascript">

      // 补全代码

      let zjAdd = document.querySelector("#zjtaishaola");

      let zjSub = document.querySelector("#zjtaiduola");

      let klAdd = document.querySelector("#kltaishaola");

      let klSub = document.querySelector("#kltaiduola");

      let zjCount = document.querySelector("#zjsl");

      let klCount = document.querySelector("#klsl");

      let totalAll = document.querySelector("#total");

      zjAdd.onclick = () => {

        // zjCount.innerText = parseInt(zjCount.innerText) + 1;

        totalCount(zjAdd, zjCount, "add");

      };

      zjSub.onclick = () => {

        totalCount(zjSub, zjCount);

      };

      klAdd.onclick = () => {

        totalCount(klAdd, klCount, "add");

      };

      klSub.onclick = () => {

        totalCount(klSub, klCount);

      };

      function totalCount(item, count, add) {

        if (add) {

          count.innerText = parseInt(count.innerText) + 1;

        } else {

          if (parseInt(count.innerText) > 0) {

            count.innerText = parseInt(count.innerText) - 1;

          }

        }

        totalAll.innerText =

          28 * parseInt(zjCount.innerText) + 5 * parseInt(klCount.innerText);

      }

    </script>