Is there a simple way to do something along these lines:
JavaScript:
if(document.getElementById('button').clicked == true)
{
alert("button was clicked");
}
HTML:
<input id="button" type="submit" name="button" value="enter"/>
This question is related to
javascript
dom-events
Try adding an event listener for clicks:
document.getElementById('button').addEventListener("click", function() {
alert("You clicked me");
}?);?
Using addEventListener
is probably a better idea then setting onclick
- onclick
can easily be overwritten by another piece of code.
You can use a variable to store whether or not the button has been clicked before:
var clicked = false
document.getElementById('button').addEventListener("click", function() {
clicked = true
}?);?
Just hook up the onclick event:
<input id="button" type="submit" name="button" value="enter" onclick="myFunction();"/>
if(button.clicked==true) {
console.log("Button Clicked");
} ==> // This Code Doesn't Work Properly So Please Use Below One //
function check() {
console.log("Button Clicked");
}; // This Code Works Fine //
var button= document.querySelector("button"); // Accessing The Button //
button.addEventListener("click", check); // Adding event to call function when clicked //
This will do it
<input id="button" type="submit" name="button" onclick="myFunction();" value="enter"/>
<script>
function myFunction(){
alert("You button was pressed");
};
</script>
All the answers here discuss about onclick method, however you can also use addEventListener().
Syntax of addEventListener()
document.getElementById('button').addEventListener("click",{function defination});
The function defination above is known as anonymous function.
If you don't want to use anonymous functions you can also use function refrence.
function functionName(){
//function defination
}
document.getElementById('button').addEventListener("click",functionName);
You can check the detail differences between onclick() and addEventListener() in this answer here.
Source: Stackoverflow.com