Simple Calculator in HTML :CSD Cognizant Mandatory Hands-on 1

index.html

<!DOCTYPE html>

<html>

    <body>

     <font size = "20" color="blue">Calculator</font><br>

    <img src="calculator.jpg" height="300px" width="400px" />

        <form>

        Input 1 

            <input type="number" name="input1"/>

            <br>

        Input 2 

            <input type="number" name="input2"/>

            <p>Select Operation</p>

            <select name="operation">

                <option value="Select..">Select..</option>

                <option value="ADD">ADD</option>

                <option value="SUBTRACT">SUBTRACT</option>

                <option value="MULTIPLY">MULTIPLY</option>

                <option value="DIVIDE">DIVIDE</option>

            </select>

        </form>

    <img src="calc.jpg" height="80px" width="80px"/>     

    <img src="reset.jpg" height="80px" width="80px"/>

    </body>

</html>

Comments

Post a Comment

Popular posts from this blog

Feed-Back Details: CTS CSD JS Mandatory Hands-on 3

Image
  Feed-Back Details: CTS CSD JS Mandatory Hands-on 3 index.html <!DOCTYPE html> <html> <head>     <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>     <title></title>   </head>   <body>    <h2>Feedback for the ART OF LIVING session</h2> <table>     <tr> <td>Enter the Feedback:</td> <td><textarea name="feedback" id=feedback rows="4" cols="40"></textarea></td> </tr> <tr> <td colspan="2"><input type="button" name="create" id="create" value="Add Feedback" onclick="addFeedback();" /></td> </tr> <tr> <td colspan="2"><input type="button" name="view" id="view" value="View Feedback" onclick="displayFeedback();" /></td> </tr> </t...
Read more

Bill Calculator: CTS CSD JS MANDATORY HANDS-ON 3

Image
 Bill Calculator: CTS CSD JS MANDATORY HANDS-ON 3 index.html <!DOCTYPE html> <html>     <head>         <title>Bill Calculator</title>         <link rel="stylesheet" type="text/css" href="billcalc.css">     </head>     <body>         <h1>Bill Calculator</h1>         <form onsubmit="return calculateTotalPrice();">         <table>             <tr>                 <td>Product Name</td>                 <td><input type="text" id="productName" placeholder="Product Name" required></td>             </tr>             <tr>                 ...
Read more
Image
  ACTB Connection Portal: JS Mandatory Hands-on 1 CSD CTS index.html <!DOCTYPE html> <html>     <head>         <style>            body{                 background-color: #EED426;                 text-align: center;            }            h1{                 color:#006666;                 font-family: Verdana;                 text-align:center ;            }            p{                text-align: center;            }            table{               ...
Read more