Scribd Logo
Upload

Welcome to Scribd!

  • Javascript Basic Code

    Uploaded by

    Arka Ghosh
    15 views2 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    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 PDF, TXT or read online from Scribd
    Flag for inappropriate content
    15 views2 pages

    Javascript Basic Code

    Uploaded by

    Arka Ghosh

    Copyright:

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

    (1)

    <!-- Internal JS -->


    <html>
    <head>
    <script type="text/javascript">
    document.write("Simple javascript");
    </script>
    </head>
    </html>

    (2)
    <!-- External JS -->
    <html>
    <head>
    <script type="text/javascript" src="exter.js">
    </script>
    </head>
    <body>
    <p>Welcome to JavaScript</p>
    <form>
    <input type="button" value="click" onclick="msg()"/>
    </form>
    </body>
    </html>

    (3)
    <!--Body onload event -->
    <html>
    <head>
    <script type="text/javascript">
    </script>
    </head>
    <body onload="alert('Welcome')">
    <p>Welcome to JavaScript</p>
    </body>
    </html>

    (4)
    <!-- Using document.getElementById -->
    <!DOCTYPE html>
    <html>
    <body>
    <h1>What Can JavaScript Do?</h1>
    <p id="demo">JavaScript can change HTML content.</p>
    <input type="button" value="click here" onclick='document.getElementById("demo").innerHTML =
    "Hello JavaScript!"' />
    </body>
    </html>
    (5)
    <!-- Using Date() function -->
    <!DOCTYPE html>
    <html>
    <body>
    <h1>My First JavaScript</h1>
    <input type="button" value="click for date" onclick="document.getElementById('demo1').innerHTML =
    Date()" />
    Click me to display Date and Time.
    <p id="demo1">This is simple text</p>
    </body>
    </html>

    (6)
    <!-- Changing the background color and style of text -->
    <!DOCTYPE html>
    <html>
    <body bgcolor="skyblue">
    <h1 id="id1">My Heading 1</h1>
    <button type="button" onclick="document.getElementById('id1').style.color = 'red'">
    Click Me!
    </button>
    <input type="button" value="green" onclick="document.bgColor='green';"/>
    </body>
    </html>

    (7)
    <!-- Using script tag in body -->

    <!DOCTYPE html>
    <html>
    <body>
    <p id="p1" >Hello World!</p>

    <script>
    document.write("this is BVM");
    document.getElementById("p1").innerHTML = "New text!";
    </script>

    <p>The paragraph above was changed by a script.</p>


    </body>
    </html>

    You might also like