Клик срабатывает без щелчка на кнопке - почему?..

[deivan]

Описал объект таким образом:

var main = {
        inputTable: document.getElementById('container');

	init: function () {
		this.addButton( 'Run Task 1',this.task1(this.inputTable) );
	},

	task1: function(table) {
       // здесь подготовка контейнера для вывода и вывод
		document.body.appendChild(newTableDOM);
	},

	addButton: function(butName,butClick) {
		var newBut=document.createElement('BUTTON');
		newBut.innerHTML=butName;
		newBut.onclick=butClick;
		document.body.appendChild(newBut);
	}
};

main.init();

при отработке кода в браузере (Хром) кнопка добавляется в документ, и сразу же выполняется код, который предназначен на onclick этой кнопки, без клика по добавленной кнопке. Изначально необходимо показывать собранный контейнер по щелчку на кнопке.

ЧЯДНТ?..

[devote]

this.task1(this.inputTable)

потому что вы его сразу вызываете, а нужно делать так:

this.addButton( 'Run Task 1',this.task1 );

или так:

this.addButton( 'Run Task 1',(function(self){
    return function(){
        self.task1(self.inputTable)
    }
})(this) );

[Aetae]

this.task1(this.inputTable)

Берётся this.task1...
и вызывается с параметром this.inputTable.
В обработчик же onclick передаётся уже результат вызова.(в данном случае undefined, т.к. в this.task1 нет return)

[deivan]

ага, понятно! спасибо...