onclick button do function

<!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>

onclick="to Function()

<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>


<script>
//Get the button
var mybutton = document.getElementById("myBtn");

// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
    mybutton.style.display = "block";
  } else {
    mybutton.style.display = "none";
  }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
  document.body.scrollTop = 0;
  document.documentElement.scrollTop = 0;
}
</script>

Posted by: Guest on February-22-2021

Code answers related to "onclick button do function"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "onclick button do function"

Code answers related to "onclick button do function"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us