Is anyone able to tell me please why clicking on this in an HTML page
<a onclick="addRow(); return false;" href="#">Add Row</a>
causes addRow to be called, but this
<input id="addRow" type="button" value="Add Row" onclick="addRow(); return false;" />
does not?
(I want a button which calls addRow.)
Other that adding the JavaScript as a onclick inline with the HTML add it as an event listener in JavaScript:
document.getElementById("addRow").addEventListener("click", addRow, false);
The problem is coming from the id's name addRow vs the function call addRow(), since some browsers will interpret id's as global variable names. This causes an issue with the function call inline HTML. Simply changing the id or function name also works, for example changing the id to id="add_row":
<input id="add_row" type="button" value="Add Row" onclick="addRow(); return false;" />
you can add listener on button like this, here is the demo code...
<button id="btn">Click me</button>
var button = document.getElementById('btn');
button.addEventListener("click", function(){
addRow();
});
function addRow() {
alert("working");
}
hrefon an<input>is valid, I would remove it. Also is that input item in aform?