Javascript журнал OnClick оленьей кожи в консоли

Question

<button name="button" id="button">convert</button> 

var convert_button = document.getElementsByTagName("button"); 

var convert = function() { 
    console.log('button is clicked'); 

}; 

//set the click handler to the convert 

convert_button.onclick = convert; 

Answer 1

document.getElementsByTagName возвращает HTMLCollection (которым является массивом, как объект).

// Supply index 
var convert_button = document.getElementsByTagName("button")[0]; 

или вы можете use в id кнопки, как это:

var convert_button = document.getElementById("button"); 

Проверить this fiddle

Answer 2

EDIT:

Работы по JSFiddle с кодом, как описано вами и отрегулированы другими.

http://jsfiddle.net/cm09psmf/1/

End Edit

Использование getElementById вместо getElementsByTagName:

var convert_button = document.getElementById("button"); 

getElementsByTagName возвращает массив типа объектов, для которых нужно перебрать их, но если у вас есть только один в вашем странице, вы можете сделать так:

var convert_button = document.getElementsByTagName("button")[0]; //0 for first button 

Answer 3

<button name="button" id="button">convert</button> 

//var convert_button = document.getElementsByTagName("button"); 
//this is wrong; returns an 
//array not a single object 

var convert_button = document.getElementsByTagName("button")[0]; 

var convert = function() { 
    console.log('button is clicked'); 
}; 

//set the click handler to the convert 

convert_button.onclick = convert;