html input button onclick code example

Example 1: HTML button onclick

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>There is a hidden message for you. Click to see it.</p>
    <button onclick="myFunction()">Click me!</button>
    <p id="demo"></p>
    <script>
      function myFunction() {
        document.getElementById("demo").innerHTML = "Hello Dear Visitor!</br> We are happy that you've chosen our website to learn programming languages. We're sure you'll become one of the best programmers in your country. Good luck to you!";
      }
    </script>
  </body>
</html>

Example 2: onclick a tag

<a href='http://www.google.com' onclick='return check()'>check</a>

<script type='text/javascript'>
function check() {
    return false;
}
</script>

Example 3: javascript onclick button

var button = document.querySelector('button');
button.onclick = function() {
  //do stuff
}

Example 4: input button html

The <input type="button"> defines a clickable button (mostly used with a JavaScript to activate a script).

Syntax
<input type="button">

A push button that activates a JavaScript when it is clicked:
<input type="button" value="Click me" onclick="msg()">

And there is also different kind of buttons are there
<input type="submit">
<input type="reset">
These buttons are mostly used in form processing concept.
where submit button is use to submit the form data and reset button is for to blank out the form fields.

Tags:

Html Example

Recent Posts