JavaScript Invoke Function Tutorial

This tutorial will demonstrate how to invoke a function.

Hello Fred
Hello Jill
Hello Frank
Hello to a few other people

Each link's anchor tag above has an onclick property.

HTML Code Example
  1. <a href="#" onclick="HelloWorld('Fred')">Hello Fred</a><br />
  2. <a href="#" onclick="HelloWorld('Jill')">Hello Jill</a><br />
  3. <a href="#" onclick="HelloWorld('Frank')">Hello Frank</a><br />
  4. <a href="#" onclick="HelloWorld('Yall')">Hello to a few other people</a>

The value inside the event handler is passed directly into the function.

The function uses that in place of the variable (myname)

JavaScript Code Example
  1. <script type="text/javascript">
  2. function HelloWorld(myname) {
  3. alert("Hello " + myname);
  4. }
  5. </script>