Scribd Logo
Hochladen

Willkommen bei Scribd!

  • Assignment

    Hochgeladen von

    PradheepKumar_R
    11 Ansichten6 Seiten
    thisi is assgnment doc

    Copyright

    © © All Rights Reserved

    Verfügbare Formate

    DOCX, PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden
    thisi is assgnment doc

    Copyright:

    © All Rights Reserved
    Als DOCX, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    11 Ansichten6 Seiten

    Assignment

    Hochgeladen von

    PradheepKumar_R
    thisi is assgnment doc

    Copyright:

    © All Rights Reserved
    Als DOCX, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 6

    Assignment

    1. Create a JavaScript program to randomly generate images on every load of your webpage.
    A) When page is refreshed, new image should be displayed.
    B) Use at least 5-8 images relevant to your page content.
    Program:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8" />
    <title>Demo</title>
    <style type="text/css">
    body { font: 14px/1.3 verdana, arial, helvetica, sans-serif; }
    h1 { font-size:1.3em; }
    h2 { font-size:1.2em; }
    a:link { color:#33c; }
    a:visited { color:#339; }
    p { max-width: 60em; }
    a img { border:none; }
    </style>s
    <script type="text/javascript">
    var random_images_array = ['smile.gif', 'frown.gif', 'grim.gif', 'bomb.gif'];
    function getRandomImage(imgAr, path) {
    path = path || 'images/'; // default path here
    var num = Math.floor( Math.random() * imgAr.length );
    var img = imgAr[ num ];
    var imgStr = '<img src="' + path + img + '" alt = "">';
    document.write(imgStr); document.close();
    }
    </script>
    </head>
    <body>
    <div>
    <script type="text/javascript">getRandomImage(random_images_array, 'images/')</script>
    </div>
    </body>
    </html>

    Output:

    2. Write a JavaScript program to perform an online calculator and creatively design a unique
    webpage for it.
    A) Create a text box to get two inputs from user using range input type.
    B) Create button to perform add, sub, mul, div, exp, mod operations.
    C) Output should be printed in textbox.
    Program:
    <!DOCTYPE html>
    <html>
    <body>
    <p> Add Section </p>
    <label>First No :</label>
    <input id="txt1" type="text"/><br />
    <label>Second No :</label>
    <input id="txt2" type="text"/><br />
    <label>Result :</label>
    <input id="demo" type="text"/><br />
    <input type="button" name="Add" value="Add" onclick="addTwoNumber()"/>
    <input type="button" name="Sub" value="Sub" onclick="subTwoNumber()"/>
    <input type="button" name="Mul" value="Mul" onclick="mulTwoNumber()"/>
    <input type="button" name="Div" value="Div" onclick="divTwoNumber()"/>
    <input type="button" name="Mod" value="Mod" onclick="modTwoNumber()"/>
    <input type="button" name="Exp" value="Exp" onclick="expTwoNumber()"/>
    <script>
    function myFunction() {
    document.getElementById("demo").innerHTML = Date();
    }

    function addTwoNumber(){
    var a = document.getElementById("txt1").value;
    var b = document.getElementById("txt2").value;
    var x = Number(a) + Number(b);
    document.getElementById("demo").value=x;
    }

    function subTwoNumber(){
    var a = document.getElementById("txt1").value;
    var b = document.getElementById("txt2").value;
    var x = Number(a) - Number(b);
    document.getElementById("demo").value=x;
    }

    function mulTwoNumber(){
    var a = document.getElementById("txt1").value;
    var b = document.getElementById("txt2").value;
    var x = Number(a) * Number(b);
    document.getElementById("demo").value=x;
    }

    function divTwoNumber(){
    var a = document.getElementById("txt1").value;
    var b = document.getElementById("txt2").value;
    var x = Number(a) / Number(b);
    document.getElementById("demo").value=x;}

    function modTwoNumber(){
    var a = document.getElementById("txt1").value;
    var b = document.getElementById("txt2").value;
    var x = Number(a) % Number(b);
    document.getElementById("demo").value=x;
    }

    function expTwoNumber(){
    var a = document.getElementById("txt1").value;
    var x = Math.exp(a);
    document.getElementById("demo").value=x;
    }
    </script>
    </body>
    </html>

    Output:

    Das könnte Ihnen auch gefallen