Функция JQuery для Javascript

Question

Нужна помощь в преобразовании JQuery в Javascipt.

Im пытается есть, нажав на значок «Изменить размер» результата кнопку в вызове новой функции sizeObject.changeSize и изменения в обе переменной isSize размера объекта и размера светового DIV в браузере

Я не хочу менять HTML. Нужна помощь с превращением .click функции

var sizeObject; 

function createSize(){ 

    //Size object initialisation 

    sizeObject = new Size(); 


    // size-related event handlers 

    $('#change').click(function(){ 
     Size.changeSize(); 
    }); 

} 

Answer 1

Вместо:

$('#change').click(function(){ 
    Size.changeSize(); 
}); 

Использование:

var elem = document.getElementById("change"); 
elem.addEventListener("click", function() { 
    Size.changeSize(); 
}); 

Answer 2

Регулярная функция Javascript для связывания обработчиков событий является addEventListener.

document.getElementById("change").addEventListener("click", function() { 
    sizeObject.changeSize(); 
});