JS добавляет класс, но стили не применяются — почему?

Question

[Алексей]

Ребят, помогите, уже голову сломал!
хочу при клике на кнопку поменять стили css, класс добавляется, но стили не применяются.

.section {
    padding-top: 110px;
    background-color: #27262b;
    padding-bottom: 110px;
}
.section-light {
    padding-top: 110px;
    background-color: #fffefe;
    padding-bottom: 110px;
}

var buttonchange = document.querySelector(".change");
var section = document.querySelector(".section");

buttonchange.addEventListener("click", function(){
    section.classList.add(".section-light");
});

Answer 1

[Антон Муравьев]

Я так понимаю, что Вы добавляете класс также с точкой, но этого делать не нужно. Следует добавлять дополнительные классы просто через пробел. class="class1 class2" - никаких новых точек

Answer 2

[Irissska89]

section.classList.add("section-light");