Scribd Logo
Upload

Welcome to Scribd!

  • Webtech Lab03 JS 1stclass

    Uploaded by

    Par Veen
    2 views2 pages

    Original Title

    webtech_lab03_JS_1stclass

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    2 views2 pages

    Webtech Lab03 JS 1stclass

    Uploaded by

    Par Veen

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    of 2

    index.

    html:
    <!DOCTYPE html>
    <html>
    <head>
    <script src="script.js">

    </script>

    </head>
    <body onload="f()">

    <h2>JavaScript</h2>

    <p id="demo">JavaScript can change HTML content.</p>

    <div class="example">First div</div>


    <div class="example">Second div</div>

    <script>
    //document.write("Value of x:"+ x);
    var x = document.getElementsByClassName("example");
    document.write(x);
    // document.getElementById("demo").innerHTML = "Hello World";
    document.getElementById("demo").style.color = "blue";

    </script>

    <button onclick="f()">
    Click me
    </button>

    <p id="id1">Input Text.</p>


    <input type="text" onkeydown="keydown()" onkeyup="keyup()">
    </body>
    </html>

    script.js:

    //document.write("Speed");
    //window.alert(5 + 6);
    //console.log(5 + 6);
    //
    //var x=5;
    //var name= "BUP"
    //let obj;
    //obj = null;
    function f() {
    alert("Onload event");
    }

    function keydown() {
    document.getElementById("id1").style.backgroundColor = "red";
    }
    function keyup() {
    document.getElementById("id1").style.backgroundColor = "green";
    }

    You might also like