WTL lab3

lab3
a) promptbox
<html>
    <style>
h3{
    color: palevioletred;
}

body{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

}
    </style>
    <head>
        <title>LAB3A</title>


        <script type="text/javascript" src="./lab3a.js"></script>
    </head>
    <body>
        <center><br><br><br><br>
        <h3>Click the below button to deminstrate Alert Box.</h3>
        <input type="button" onclick="alert_box()" value="Alert" id="demo"> <br><br>
        <h3>Click the below button to deminstrate Confirm Box.</h3>
        <input type="button" onclick="confirm_box()" value="Confirm" id="demo1"> <br><br>
        <h3>Click the below button to deminstrate Prompt Box.</h3>
        <input type="button" onclick="prompt_box()" value="Prompt" id="demo2">
        </center>
    </body>
</html>

.js
function alert_box()
{
    alert("Hello, Welcome to javascript");
}

function confirm_box()
{
    var r = confirm("Press a button");
    if( r == true)
    {
        alert("OK");
    }
    else
    {
        alert("CANCEL");
    }
    document.getElementById("demo1").innerHTML = r;
}

function prompt_box()
{
    var name = prompt("Please enter your name", " riya");
    if (name != null && name != " ")
    {
        document.write("Hello " + name + "! How are you today?");
    }
}

3b) calc normal features

<html>
    <head>
        <title>lab3</title>
    </head>
<script>
   function addition()
    {
        var a=parseInt(document.getElementById("n1").value);
        var b=parseInt(document.getElementById("n2").value);
        var r=a+b;
        document.getElementById("result").innerHTML="result of the operation is :" + r;

    }
    function subtraction()
    {
        var a=parseInt(document.getElementById("n1").value);
        var b=parseInt(document.getElementById("n2").value);
        var r=a-b;
        document.getElementById("result").innerHTML="result of the operation is :" + r;

    }

    function multiplication()
    {
        var a=parseInt(document.getElementById("n1").value);
        var b=parseInt(document.getElementById("n2").value);
        var r=a*b;
        document.getElementById("result").innerHTML="result of the operation is :" + r;

    }

    function division()
    {
        var a=parseInt(document.getElementById("n1").value);
        var b=parseInt(document.getElementById("n2").value);
        var r=a/b;
        document.getElementById("result").innerHTML="result of the operation is :" + r;

    }


</script>
    <body>
<p>enter first number</p>
<input type="text" name="number1" id="n1">
<br><br>
<p>enter second number </p>
<input type="text" name="number2" id="n2">
<br><br>
<input type="button" name="add " id="add" value="add" onclick="addition()">
<input type="button" name="sub " id="sub" value="sub" onclick="subtraction()">
<input type="button" name="mul  " id="mul" value="mul" onclick="multiplication()">
<input type="button" name="mul  " id="mul" value="div" onclick="division()">


<p id="result"></p>


    </body>
</html>

3c) calc promaxxx

<html>
  <head>
        <title>LAB3C</title>
        <script type="text/javascript" src="./lab3c.js">
        </script>
    </head>
    <body>
        <center>
        <h1>Calculator part two</h1> <br><br>
        First Number:
        <input type="text" name="Number_1" id="n1" placeholder="Enter First Number">
        <br><br>
        Second Number:
        <input type="text" name="Number_2" id="n2" placeholder="Enter Second Number" >
        <br><br>
        <select name="slt" id="slt">
            <option value="add">Add</option>
            <option value="subtract">Subtract</option>
            <option value="multiply">Multiply</option>
            <option value="divide">Divide</option>
        </select>
        <input type="text" id="txt" name="txt" placeholder="RESULT"><br><br>
        <input type="button" value="RESULT" id="btn" name="btn" onclick="result()">
        </center>
    </body>
</html>

.js
function result()
{
    var a = parseInt(document.getElementById("n1").value);
    var b = parseInt(document.getElementById("n2").value);
    switch (document.getElementById("slt").value)
    {
        case "add" :
            var c = a + b;
        break;

        case "subtract" :
            var c = a - b;
        break;

        case "multiply" :
            var c = a * b;
        break;

        case "divide" :
            var c = a / b;
        break;
    }
    document.getElementById("txt").value = c;
}