how to add button code example

Example 1: how to add buttons in html

<button type="button" onclick="alert('You pressed the button!')">Click me!</button>

Example 2: html button

<html>
  <head>
        <style>
          .button {
 			background-color: <background color>;
  			border: none;
 			color: <text color>;
  			padding: 10px 25px;
  			text-align: center;
 			text-decoration: none;
  			display: inline-block;
  			font-size: 16px;
  			margin: 4px 4px;
  			cursor: pointer;
  			border-radius: 8px;
			}
  		</style>
	</head>
	<body>
      <a href="<url>" class="button">ButtonText</a>
 	</body>
</html>

Example 3: button add

<!DOCTYPE html>
<html>
<body>

<p>Click the button to make a BUTTON element with text.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    var btn = document.createElement("BUTTON");
    var t = document.createTextNode("CLICK ME");

    btn.setAttribute("style","color:red;font-size:23px");

    btn.appendChild(t);
    document.body.appendChild(btn);

    btn.setAttribute("onclick", alert("clicked"));

}
</script>

</body>
</html>

Tags:

Html Example

Recent Posts