tu código es casi correcto, pero no funciona porque no debes de ponerlo así onClick
, ya que así no funcionara, en su lugar debes de escribirlo así onclick
, en minúsculas, javascript
es sensible a las minúsculas y mayúsculas, te dejo un ejemplo:
function iniciar(){
document.getElementsByTagName('p')[0].onclick = saludar;
}
function saludar(){
alert('Hola!!');
}
//Ejecutamos 'iniciar()', como si fuera window.onload
iniciar();
<p>ejemplo 1er parrafo</p>
<p>ejemplo 3er parrafo</p>
<p>ejemplo 4to parrafo</p>
También puedes usar el metodo addEventListener
para 'agregar' una función a un evento, así:
function iniciar(){
document.getElementsByTagName('p')[0].addEventListener('click', saludar, false);
}
function saludar(){
alert('Hola!!');
}
iniciar();
<p>ejemplo 1er parrafo</p>
<p>ejemplo 3er parrafo</p>
<p>ejemplo 4to parrafo</p>
Con respecto a que te faltaron los paréntesis, te comento que los paréntesis hacen que tu función se ejecute, es decir que si haces:
document.getElementsByTagName('p')[0].onclick = saludar();
Estas ejecutando la función saludar
y asignando el retorno de saludar
como función onclick
, pero tu función no retorna nada, así que la asignación sería algo como .onclick = undefined;
, pero también puedes retornar una función para que le sea asignada a onclick
, te dejo un ejemplo:
function iniciar(){
document.getElementsByTagName('p')[0].onclick = saludar();
}
function saludar(){
//Retornamos la función '_saludar'
return _saludar;
}
function _saludar(){
alert('Hola!!');
}
iniciar();
<p>ejemplo 1er parrafo</p>
<p>ejemplo 3er parrafo</p>
<p>ejemplo 4to parrafo</p>
Espero y te funcione, saludos.