Scribd Logo
Upload

Welcome to Scribd!

  • 16 views

    Onclick and Onload

    Uploaded by

    yash moviedriveb
    The document contains 5 code examples demonstrating different HTML event attributes: 1. onload and onclick are used to trigger functions when the page loads and a button is clicked. 2. onchange triggers a function to update a paragraph when a dropdown selection changes. 3. onmouseover and onmouseout trigger functions to write messages when the mouse enters and leaves a division. 4. onkeypress triggers an alert when any key is pressed in a text input. 5. ondblclick triggers a function to write text when a button is double clicked.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd

    Onclick and Onload

    Uploaded by

    yash moviedriveb
    16 views6 pages
    The document contains 5 code examples demonstrating different HTML event attributes: 1. onload and onclick are used to trigger functions when the page loads and a button is clicked. 2. onchange triggers a function to update a paragraph when a dropdown selection changes. 3. onmouseover and onmouseout trigger functions to write messages when the mouse enters and leaves a division. 4. onkeypress triggers an alert when any key is pressed in a text input. 5. ondblclick triggers a function to write text when a button is double clicked.

    Original Description:

    javascript

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document contains 5 code examples demonstrating different HTML event attributes: 1. onload and onclick are used to trigger functions when the page loads and a button is clicked. 2. onchange triggers a function to update a paragraph when a dropdown selection changes. 3. onmouseover and onmouseout trigger functions to write messages when the mouse enters and leaves a division. 4. onkeypress triggers an alert when any key is pressed in a text input. 5. ondblclick triggers a function to write text when a button is double clicked.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    16 views6 pages

    Onclick and Onload

    Uploaded by

    yash moviedriveb
    The document contains 5 code examples demonstrating different HTML event attributes: 1. onload and onclick are used to trigger functions when the page loads and a button is clicked. 2. onchange triggers a function to update a paragraph when a dropdown selection changes. 3. onmouseover and onmouseout trigger functions to write messages when the mouse enters and leaves a division. 4. onkeypress triggers an alert when any key is pressed in a text input. 5. ondblclick triggers a function to write text when a button is double clicked.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    of 6

    1.

    Onclick and onload


    <html>
    <body onload="hi()">
    <script>
    function hi()
    {
    alert("hi");
    }
    function hello()
    {
    document.write(" Button triggered");
    }
    </script>
    <button onclick="hello()">click
    here</button>
    </body>

    </html>
    2. Onchange
    <html>
    <body>

    <p>Select a new car from the list.</p>

    <select id="mySelect" onchange="myFunction()">


    <option>Audi</option>
    <option>BMW</option>
    <option>Mercedes</option>
    <option>Volvo</option>
    </select>

    <p id="demo"></p>

    <script>
    function myFunction() {
    var x = document.getElementById("mySelect").value;
    document.getElementById("demo").innerHTML = "You selected: " + x;
    }
    </script>

    </body>
    </html>
    3.onchange
    <html>

    <head>
    <script type = "text/javascript">
    <!--
    function over() {
    document.write ("Mouse Over");
    }
    function out() {
    document.write ("Mouse Out");
    }
    //-->
    </script>
    </head>

    <body>
    <p>Bring your mouse inside the division to see the result:</p>
    <div onmouseover = "over()" >
    <h2> This is inside the division </h2>
    </div>
    <button onmouseout = "out()">event</button>
    </body>
    </html>
    4. onkeypress

    <html>
    <body>

    <input type="text" onkeypress="myFunction()">

    <script>
    function myFunction() {
    alert("key pressed");
    }
    </script>

    </body>
    </html>
    5. ondblclick

    <html>
    <body>

    <button ondblclick="my()">double click here</button>

    <script>
    function my() {
    document.write("hello");
    }
    </script>

    </body>
    </html>

    You might also like