Handle onClick event to do text change - Javascript DOM Event

Javascript examples for DOM Event:onclick

  1. HOME
  2. Javascript
  3. DOM Event
  4. onclick

Description

Handle onClick event to do text change

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
   </head> 
   <body> 
      <p id="peep"></p> 
      <button onclick="myFunction('Harry Potter')">Click for Harry Potter</button> 
      <button onclick="myFunction('Bob')">Click for Bob</button> 
      <script>
function myFunction(name)/*w w  w.j a va  2  s.com*/
{
document.getElementById("peep").innerHTML = "Welcome " + name;
}

      </script>  
   </body>
</html>

Related Tutorials