Answers for "html add onClick event"

8

how to add onclick event in javascript

var element = document.getElementById("elem");
element.onclick = function(event) {
  console.log(event);
}
Posted by: Guest on May-20-2020
39

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>
Posted by: Guest on March-27-2020
0

how to create button on button click

-------------------------------------------
||| Put it All in a Function Css DOM JS |||
-------------------------------------------

var btn = document.createElement("a");
btn.innerHTML = "Get Account";
btn.style.Color = "blue";
btn.style.padding = "15px 20px";
btn.style.border = "1px solid #ffffff";
btn.style.backgroundColor = "#307cee";
btn.style.borderRadius = "30px";
btn.href = "http://example.com";
btn.style.textDecoration = "none";
btn.style.display = "inline - block";
btn.style.innerHTML = "Underline Removed";
document.body.appendChild(btn);
Posted by: Guest on December-01-2020

Browse Popular Code Answers by Language