Scribd Logo
Upload

Welcome to Scribd!

  • Javascript Lab Programs

    Uploaded by

    daniel007work
    2 views4 pages

    Original Title

    javascript lab programs

    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
    2 views4 pages

    Javascript Lab Programs

    Uploaded by

    daniel007work

    Copyright:

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

    Program No: 1: Write a program to Swap Two Variable

    <html>
    <head>
    </head>
    <body>
    <label>Enter the first number
    <input id="num1">
    </label>
    <br><br>
    <label>Enter the Second number
    <input id="num2">
    </label>
    <br><br>
    <button onclick="swap()">
    Swap
    </button>
    <input id='sum'>
    <script>
    function swap() {
    var x, y, z,m;
    x = Number( document.getElementById("num1").value );
    y = Number( document.getElementById("num2").value );
    z= x;
    x=y;
    y=z;
    m=x+y;
    // Comment the code section
    document.getElementById("sum").value = m;
    document.getElementById("num1").value = x;
    document.getElementById("num2").value = y;
    }
    </script>
    </body>
    </html>

    Output :

    Program No: 2 Write a program to generate random numbers.


    <html>
    <head>
    <script>
    function getRndInteger()
    {
    var randomNumber;
    randomNumber = Math.floor(Math.random() * 100);
    document.getElementById("num1").value = randomNumber;
    }
    </script>
    </head>
    <body>
    <h2>JavaScript Random Number</h2>
    <label> Random Number generated <input id="num1"> </label>
    <br><br>
    <button onclick="getRndInteger()"> Click here</button>
    </body>
    </html>

    Output :

    Program No: 3 Write a program to Count the Number of Vowels in a String


    <!DOCTYPE html>
    <html>
    <head>
    <title>Check the number of Vowels in a given String</title>
    <script>
    function vowelCount() {
    var count = 0;
    var input1 = document.getElementById("str").value;
    for (var i = 0; i < input1.length; i++) {
    if (input1.charAt(i) == 'a' || input1.charAt(i) == 'e' || input1.charAt(i) == 'i' ||
    input1.charAt(i) == 'o' || input1.charAt(i) == 'u') {
    count++;
    }
    }
    document.getElementById("vowelCountResult").value = count;
    }
    </script>
    </head>
    <body>
    <label> String entered is <input id="str"> </label><br><br>
    <label> Number of Vowels <input id="vowelCountResult"> </label>
    <button onclick="vowelCount()"> Check </button>
    </body>
    </html>

    Output

    Program No: 4 Write a


    program to Check the Number of Occurrences of a Character in the String.
    <html>
    <head>
    <title>Character Count Code!!!</title>
    <script>
    function checkChar() {
    var str,c, count = 0;
    str=document.getElementById("str1").value;
    c= document.getElementById("cha").value ;

    // looping through the items


    for (var i = 0; i < str.length; i++) {
    // check if the character is at that position
    if (str.charAt(i)==c) {
    count += 1;
    }
    }
    document.getElementById("str2").value=count;

    }
    </script>
    </head>
    <body>
    <label>Enter the String <input id="str1"> </label>
    <br><br>
    <label>Enter the Character <input id="cha"> </label>
    <br><br>
    <label>Number of Occurences is <input id="str2"> </label>
    <button onclick="checkChar()"> Check </button>

    </body>
    </html>

    Output :
    Program No: 5 Write a java script program to pass a 'javascript function' as parameter.
    <html>
    <head>
    <meta charset="utf-8">
    <title>JavaScript program to pass a JavaScript function as parameter</title>
    <script>
    function addStudent(id, refreshCallback)
    { document.write("The id of the student is "+id+" ");
    refreshCallback();
    }
    function refreshStudentList() {
    document.write("Aakash");
    }
    addStudent(101, refreshStudentList);
    </script>
    </head>
    <body>
    </body>
    </html>
    OUTPUT:

    You might also like