Error na funkcji add

pytanie zadane 27 czerwca 2020 w JavaScript przez grb Nowicjusz (230 p.)

Witam,

Wyjaśnicie mi dlaczego wyskakuję mi error przy funkcji add? Uncaught TypeError: Cannot read property 'add' of undefined
at HTMLButtonElement.<anonymous> (zadanie1.html:39)

  <style>
    .li {
      font-size: 20px
    }

    .big {
      font-size: 30px
    }

  </style>
</head>

<body>
  <button>Dodaj element do listy</button>
  <ul>

  </ul>
<script>
    const btn = document.querySelector("button");
    let number = 1
    btn.addEventListener("click", function(){
        
      const li= document.createElement("li")
      
       li.textContent = number;
         const list = document.querySelector("ul");
       list.appendChild(li)
      
       if (number % 3 == 0){
           li.classlist.add("big")
           }
           number += 2;
        
    })

1 odpowiedź

odpowiedź 27 czerwca 2020 przez Milesq Nałogowiec (32,020 p.)
wybrane 27 czerwca 2020 przez grb

Najlepsza

Zerknij na ten błąd

TypeError: Cannot read property 'add' of undefined
at HTMLButtonElement.<anonymous> (zadanie1.html:39

Czego się z niego dowiadujesz? Że nie wartość add nie istnieje i próbujesz uzyskać dostęp do add na undefined i ten błąd jest w pliku zadanie1.html w lini 39. Domyślam się, że wyciąłeś kawałek kodu na początku i linia 39 to ta: li.classlist.add("big")

Czyli add jest zczytywany z wartości undefined, i stąd bierze się błąd. Wiesz więc że li.classlist jest równe undefined teraz możesz wyggoglować coś w stylu: 'js classlist' i dowiesz się że classlist piszemy camel casem czyli podsumuwując zamień classlist na classList ;)