¿Cómo se asigna un atributo JavaScript 'onclick' dinámicamente?

Question

Estoy creando un botón dinámicamente usando JavaScript y al mismo tiempo asignando atributos como 'ID', 'tipo', etc. y también 'onclick' para activar una función.

Todo funciona bien aparte de la asignación del 'onclick'. Cuando se presiona, el botón no activa la función como se supone que debe hacerlo. la función que intento ejecutar es 'navegar (-1)' como se ve a continuación.

¿Dónde me estoy equivocando?

Aquí está mi código:

function loadNavigation() { 
var backButton; 
backButton = document.createElement('input'); 
backButton.ID = 'backButton'; 
backButton.type = 'button'; 
backButton.value='Back'; 
backButton.onclick = 'navigate(-1)'; 
document.body.appendChild(backButton); 
} 

Answer 1

Como el otro dijo que debe asignar una función.

Sólo quería señalar que en este caso se desea pasar un valor por lo que necesita para asignar una función anónima (o una línea definida función llamada) como

button.onclick = function() {otherfunction(parameter)}; 

Si la función que desea asignar no requiere un parámetro que se puede utilizar directamente

button.onclick = otherfunction; 

Tenga en cuenta que no hay paréntesis en este caso

button.onclick = otherfunction(); // this doesn't work 

no funcionará, ya que se llamará otherfunction tan pronto como se analiza

Answer 2

va a asignar texto a la onclick, intente asignar una función.

backButton.onclick = function(){navigate(-1);}; 

Answer 3

Utilice una función en lugar de una cadena. Por ejemplo,

backButton.onclick = function() { navigate(-1); }; 

Answer 4

Tiene que asignar una función, no una cadena.

backButton.onclick = function wastefulDuplicationOfBackButton() { 
    navigate(-1); 
} 

Answer 5

Debe asignar una función, no es una cadena:

//... 
backButton.onclick = function() { 
    navigate(-1); 
}; 
//... 

Answer 6

backButton.onclick = function() { navigate(-1); }