Scribd Logo
Upload

Welcome to Scribd!

  • Join

    Uploaded by

    hamadrasool168
    9 views3 pages
    The document contains HTML code to create a basic calculator interface with a table layout. The table contains number and operator buttons arranged in a grid. CSS styling is included to style the buttons and input field. When rendered, this code would display a simple calculator that can be used to enter numbers, operators, and evaluate expressions.

    Original Description:

    Original Title

    join (1) (1) (1)

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains HTML code to create a basic calculator interface with a table layout. The table contains number and operator buttons arranged in a grid. CSS styling is included to style the buttons and input field. When rendered, this code would display a simple calculator that can be used to enter numbers, operators, and evaluate expressions.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    9 views3 pages

    Join

    Uploaded by

    hamadrasool168
    The document contains HTML code to create a basic calculator interface with a table layout. The table contains number and operator buttons arranged in a grid. CSS styling is included to style the buttons and input field. When rendered, this code would display a simple calculator that can be used to enter numbers, operators, and evaluate expressions.

    Copyright:

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

    Open In App

    GEEKSFORGEEKS

    <style>

    table {

    border: 1px solid black;

    margin-left: auto;

    margin-right: auto;

    input[type="button"] {

    width: 100%;

    padding: 20px 40px;

    background-color: green;

    color: white;

    font-size: 24px;

    font-weight: bold;

    border: none;

    border-radius: 5px;

    input[type="text"] {

    padding: 20px 30px;

    font-size: 24px;

    font-weight: bold;

    border: none;

    border-radius: 5px;

    border: 2px solid black;

    </style>
    </head>

    <body>

    <!-- Create table -->

    <table id="calcu">

    <tr>

    <td colspan="3">

    <input type="text" id="result">

    </td>

    <td><input type="button" value="c"></td>

    </tr>

    <tr>

    <td><input type="button" value="1"></td>

    <td><input type="button" value="2"></td>

    <td><input type="button" value="3"></td>

    <td><input type="button" value="/"></td>

    </tr>

    <tr>

    <td><input type="button" value="4"></td>

    <td><input type="button" value="5"></td>

    <td><input type="button" value="6"></td>

    <td><input type="button" value="*"></td>

    </tr>

    <tr>

    <td><input type="button" value="7"></td>

    <td><input type="button" value="8"></td>

    <td><input type="button" value="9"></td>

    <td><input type="button" value="-"></td>


    </tr>

    <tr>

    <td><input type="button" value="0"></td>

    <td><input type="button" value="."></td>

    <td><input type="button" value="="></td>

    <td><input type="button" value="+"></td>

    </tr>

    </table>

    </body>

    </html>

    Output:

    

    HTML Calculator

    You might also like