JavaScript Functions and Events

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Guest

    JavaScript Functions and Events

    A JavaScript function is a block of JavaScript code, that can be executed when "called" for.

    For example, a function can be called when an event occurs, like when the user clicks a button.

    You will learn much more about functions and events in later chapters.

    JavaScript in <head> or <body>
    You can place any number of scripts in an HTML document.

    Scripts can be placed in the <body>, or in the <head> section of an HTML page, or in both.

    JavaScript in <head>
    In this example, a JavaScript function is placed in the <head> section of an HTML page.

    The function is invoked (called) when a button is clicked:

    Example
    <!DOCTYPE html>
    <html>
    <head>
    <script>
    function myFunction() {
    document.getElementById("demo").innerHTML = "Paragraph changed.";
    }
    </script>
    </head>
    <body>
    <h2>Demo JavaScript in Head</h2>

    <p id="demo">A Paragraph</p>
    <button type="button" onclick="myFunction()">Try it</button>

    </body>
    </html>




    Result:-

    Demo JavaScript in Head
    A Paragraph.

    Try it
  • lisajohn
    Senior Member

    • May 2007
    • 344

    #2
    JavaScript's interaction with HTML is handled through events that occur when the user or the browser manipulates a page. When the page loads, it is called an event. When the user clicks a button, that click too is an event. Other examples include events like pressing any key, closing a window, resizing a window, etc.

    Comment

    Working...