Scribd Logo
Upload

Welcome to Scribd!

  • Practical 1

    Uploaded by

    Abdullah Shaikh
    10 views4 pages
    The document contains HTML and JavaScript code for two calculators. The first calculator allows a user to enter two numbers, select an operation (+ - * /), and see the result. The second displays a counter that increments when a button is clicked and can be reset. Both retrieve element values with getElementById and parse values to integers before performing calculations.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains HTML and JavaScript code for two calculators. The first calculator allows a user to enter two numbers, select an operation (+ - * /), and see the result. The second displays a counter that increments when a button is clicked and can be reset. Both retrieve element values with getElementById and parse values to integers before performing calculations.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    10 views4 pages

    Practical 1

    Uploaded by

    Abdullah Shaikh
    The document contains HTML and JavaScript code for two calculators. The first calculator allows a user to enter two numbers, select an operation (+ - * /), and see the result. The second displays a counter that increments when a button is clicked and can be reset. Both retrieve element values with getElementById and parse values to integers before performing calculations.

    Copyright:

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

    Practical 1.

    HTML
    <!-- Abdullah Shaikh -->
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <script src="calc.js" defer></script>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <h4>
            Abdullah Shaikh<br/>
            1705690080
        </h4>
        <div>
        No1 <input type="text" id="no1">
        </div>
        <div>
        No2 <input type="text" id="no2">
        </div>
        <div>
        Result <input type="text" id="res">
        </div>
        <button onclick="add()">+</button>
        <button onclick="sub()">-</button>
        <button onclick="mul()">*</button>
        <button onclick="div()">/</button>
    </body>
    </html>

    JAVASCRIPT
    // 1705690080
    function add() {
        var n1=document.getElementById("no1");
        n1=parseInt(n1.value);
        var n2=document.getElementById("no2");
        n2=parseInt(n2.value);
        var result=n1 + n2;
        document.getElementById("res").value=result;
    }
    function sub() {
        var n1=document.getElementById("no1");
        n1=parseInt(n1.value);
        var n2=document.getElementById("no2");
        n2=parseInt(n2.value);
        var result;
        result=n1 - n2;
        document.getElementById("res").value=result;
    }
    function mul() {
        var n1=document.getElementById("no1");
        n1=parseInt(n1.value);
        var n2=document.getElementById("no2");
        n2=parseInt(n2.value);
        var result;
        result=n1 * n2;
        document.getElementById("res").value=result;
    }
    function div() {
        var n1=document.getElementById("no1");
        n1=parseInt(n1.value);
        var n2=document.getElementById("no2");
        n2=parseInt(n2.value);
        var result;
        result=n1 / n2;
        document.getElementById("res").value=result;
    }
    OUTPUT

    Practical 1.2

    HTML
    <!—Shaikh Abdullah -->
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="counter.js" defer></script>
        <title>Document</title>
    </head>
    <body>
        <h4>
            Abdullah Shaikh<br/>
            1705690080
        </h4>
    <div>
        <input type="text" id="cnt">
    </div>
    <div>
        <button onclick="cnt_inc()">Click Me!</button>
    </div>
    <div>
        <button onclick="reset()">Reset</button>
    </div>
    </body>
    </html>

    JAVASCRIPT
    // 2005690066
    function cnt_inc(){
        var cnt = document.getElementById("cnt");
        cnt.value = parseInt(++cnt.value);
    }

    function reset(){
        var reset = document.getElementById("reset");
        cnt.value=0;
    }

    OUTPUT

    You might also like