22-04-25

let a = 100;
var b = 30;
const c = 40;
if (a > 20) {
  let a = 10;
  var b = 10;
  const c = 20;
  console.log(a); //10
  console.log(b); //10
  console.log(c); //20
}
console.log(a); //100
console.log(b); //10
console.log(c); //40

slider

<script>
      window.onload = function () {
        const kindWrap = document.querySelector(".kind_wrap");
        const slider = kindWrap.querySelector(".slider");
        const slideLis = slider.querySelectorAll("li");
        const moveButton = kindWrap.querySelector(".arrow");

        /* ul 넓이 계산해 주기 */
        const liWidth = slideLis[0].clientWidth;
        const sliderWidth = liWidth * slideLis.length;
        slider.style.width = `${sliderWidth}px`;

        /* 리스너 설치하기 */
        moveButton.addEventListener("click", moveSlide);

        function moveSlide(ev) {
          event.preventDefault();
          console.log(ev);
          console.log(ev.target.textContent);
        }
      };
    </script>