Почему ранее добавленный класс не удаляется?

Question

[Brendan Castaneda]

Я сначала добавляю класс в одной функии

let on = document.querySelector(".message-good");
            on.classList.add('ms-on');

Затем в другой функции я хочу этот класс удалить при нажатии на кнопку

let msBtn = document.querySelector(".message-good-btn");
    msBtn.onklick = function() {
        let off = document.querySelector(".message-good");
        off.classList.remove('ms-on');
    };

Класс добавляется корректно. Но при нажатии на кнопку он не удаляется..

Answer 1

[Brendan Castaneda]

mahmudchon Gary_Ihar
Да верно, допустил ошибку в написании.. Спасибо!

На JS

let msBtn = document.querySelector(".message-good-btn");
msBtn.onclick = function() {
    let off = document.querySelector(".message-good");
    off.classList.remove('ms-on');
};

========================================================

На jQuery

$(function() {
    let msBtn = document.querySelector(".message-good-btn");
    msBtn.onclick = function() {
        let off = document.querySelector(".message-good");
        off.classList.remove('ms-on');
    };
});

Answer 2

[Иван В]

поменяйте "msBtn.onklick" на "msBtn.onclick"

Answer 3

[mahmudchon]

msBtn.onсlick = function() {

Answer 4

[Gary_Ihar]

У вас ошибка в названии события. onclick, a не onklick