In HTML, we have a button for submitting the user-request data to the server(backend) to validate and navigate the web pages. Mainly, if we use the onclick button for event attributes and is supported by all the browsers, So is the browser compatibility feature wherever we use this event function in our scripts. The event appears when the user clicks on the
Mainly it will be used for triggering and call the function wherever the user needs to click on the button. If the user clicks on the mouse through the
Syntax:
<button? name="" value="" onclick<strong> ="</strong>function()"/>
The above syntax is the basic usage of the onclick event in the html attributes. We also customized the event wherever we need which is the user requirements.
Below given are the examples of the onclick button in html:
Example #1
Code:
<html>
<body>
<button onclick="Function()">Click</button>
<p id="sample"></p>
<script>
function Function() {
document.getElementById("sample").innerHTML = "Welcome";
}
</script>
</body>
</html>
Output:
In the above example, we have created the javascript function; additionally, when the user clicks the button “click”, it will display the value “Welcome” in the browser itself.
Example #2
Code:
<html>
<body>
<p id="sample" onclick="Function()">Click</p>
<script>
function Function() {
document.getElementById("sample").innerHTML = "Welcome";
}
</script>
</body>
</html>
Output:
The above example is also the same as we discussed in the previous example 1, but here we are not using any