Scribd Logo
Upload

Welcome to Scribd!

  • 3

    Uploaded by

    Saif Jutt
    5 views2 pages
    The document contains code for a basic calculator interface with HTML and CSS. It defines the structure and styling of the calculator including a display area and buttons grid. It also includes JavaScript functions to update the display, clear it, remove the last character, and evaluate the expression when the equals button is clicked.

    Original Description:

    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 code for a basic calculator interface with HTML and CSS. It defines the structure and styling of the calculator including a display area and buttons grid. It also includes JavaScript functions to update the display, clear it, remove the last character, and evaluate the expression when the equals button is clicked.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    5 views2 pages

    3

    Uploaded by

    Saif Jutt
    The document contains code for a basic calculator interface with HTML and CSS. It defines the structure and styling of the calculator including a display area and buttons grid. It also includes JavaScript functions to update the display, clear it, remove the last character, and evaluate the expression when the equals button is clicked.

    Copyright:

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

    <!

    DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
    body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    display: fle
    margin: 0;
    }

    #calculator {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: 300px;
    }

    #display {
    background-color: #f0f0f0;
    padding: 10px;
    text-align: right;
    }

    #buttons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    }

    button {
    background-color: #e0e0e0;
    border: none;
    padding: 20px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
    }

    button:hover {
    background-color: #d0d0d0;
    }
    </style>
    </head>
    <body>

    <div id="calculator">
    <div id="display"></div>
    <div id="buttons">
    <button onclick="clearDisplay()">C</button>
    <button onclick="appendToDisplay('/')">/</button>
    <button onclick="appendToDisplay('*')">*</button>
    <button onclick="backspace()">←</button>

    <button onclick="appendToDisplay('7')">7</button>
    <button onclick="appendToDisplay('8')">8</button>
    <button onclick="appendToDisplay('9')">9</button>
    <button onclick="appendToDisplay('-')">-</button>

    <button onclick="appendToDisplay('4')">4</button>
    <button onclick="appendToDisplay('5')">5</button>
    <button onclick="appendToDisplay('6')">6</button>
    <button onclick="appendToDisplay('+')">+</button>

    <button onclick="appendToDisplay('1')">1</button>
    <button onclick="appendToDisplay('2')">2</button>
    <button onclick="appendToDisplay('3')">3</button>
    <button onclick="appendToDisplay('0')">0</button>

    <button onclick="calculate()">=</button>
    </div>
    </div>

    <script>y(value) {
    display.textContent += value;
    }

    function clearDisplay() {
    display.textContent = '';
    }

    function backspace() {
    display.textContent = display.textContent.slice(0, -1);
    }

    function calculate() {
    try {
    display.textContent = eval(display.textContent);
    } catch (error) {
    display.textContent = 'Error';
    }
    }
    </script>

    </body>
    </html>

    You might also like

    • 3
      Document2 pages
      3
      Saif Jutt
      No ratings yet
    • 3
      Document2 pages
      3
      Saif Jutt
      No ratings yet
    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • 5
      Document2 pages
      5
      Saif Jutt
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • 3
      Document2 pages
      3
      Saif Jutt
      No ratings yet
    • 5
      Document2 pages
      5
      Saif Jutt
      No ratings yet
    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • 5
      Document2 pages
      5
      Saif Jutt
      No ratings yet
    • 1
      Document2 pages
      1
      saifjuttsaif0202
      No ratings yet
    • 2
      Document2 pages
      2
      saifjuttsaif0202
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • Doctype HTML
      Document2 pages
      Doctype HTML
      ammarskandar4
      No ratings yet
    • 4
      Document1 page
      4
      Saif Jutt
      No ratings yet
    • WT4 (1) 1
      Document3 pages
      WT4 (1) 1
      saurabhbborate0621
      No ratings yet
    • One File Calci 6
      Document5 pages
      One File Calci 6
      rishabhbathamhulahu
      No ratings yet
    • Theme 5250455546679472398
      Document2 pages
      Theme 5250455546679472398
      Paint with MSM
      No ratings yet
    • Puja Girase - AI - A2
      Document6 pages
      Puja Girase - AI - A2
      bhamrekomal2003
      No ratings yet
    • Events
      Document3 pages
      Events
      manusrinivas91
      No ratings yet
    • Harshada Girase - AI - A2
      Document6 pages
      Harshada Girase - AI - A2
      bhamrekomal2003
      No ratings yet
    • Calc
      Document3 pages
      Calc
      citiye2321
      No ratings yet
    • New Text Document
      Document2 pages
      New Text Document
      saied mostafa
      100% (1)
    • Nalasoacalc
      Document5 pages
      Nalasoacalc
      Rianala Manantsoa
      No ratings yet
    • Calculator Using HTML, CSS, JS
      Document2 pages
      Calculator Using HTML, CSS, JS
      akrao23375
      No ratings yet
    • Páginas Burocráticas - Rastrear Pedido
      Document2 pages
      Páginas Burocráticas - Rastrear Pedido
      Washington Lisboa
      No ratings yet
    • Calculate Wage
      Document2 pages
      Calculate Wage
      agtwtc
      No ratings yet
    • Topalian Calculator by Christopher Topalian
      Document33 pages
      Topalian Calculator by Christopher Topalian
      CollegeOfScripting
      No ratings yet
    • Cod HTML Calc
      Document1 page
      Cod HTML Calc
      rmsx22
      No ratings yet
    • !doctype HTML
      Document3 pages
      !doctype HTML
      melati.surya.ningsih29
      No ratings yet
    • HTML Css App
      Document11 pages
      HTML Css App
      Aymen Gmar
      No ratings yet
    • Calculator
      Document5 pages
      Calculator
      Sudhesh VS
      No ratings yet
    • Calc
      Document4 pages
      Calc
      805199
      No ratings yet
    • HTML
      Document2 pages
      HTML
      ccrown861
      No ratings yet
    • Mahendy Arya Putra Airlangga - 152111513011 - Tugastpk
      Document7 pages
      Mahendy Arya Putra Airlangga - 152111513011 - Tugastpk
      imam wahyu
      No ratings yet
    • WT Record
      Document14 pages
      WT Record
      Sravanthi Sravs
      No ratings yet
    • GROUP PROJECT - TicTacToe - Group2
      Document13 pages
      GROUP PROJECT - TicTacToe - Group2
      fluxgm78
      No ratings yet
    • Tema Web
      Document3 pages
      Tema Web
      stefy15stirbu
      No ratings yet
    • Romantic
      Document2 pages
      Romantic
      marcenariajcstilos
      No ratings yet
    • Scirpt 02 Lento - Configurable Con Final
      Document9 pages
      Scirpt 02 Lento - Configurable Con Final
      ADRY GLEZ
      No ratings yet
    • Caluclator
      Document5 pages
      Caluclator
      AbdulkhadarJilani Shaik
      No ratings yet
    • Login Code Se
      Document2 pages
      Login Code Se
      Know Unknown
      No ratings yet
    • 20-CP-09 FB and Gmail Sign Up and Sign in
      Document19 pages
      20-CP-09 FB and Gmail Sign Up and Sign in
      INFOTAINMENT CHANNEL
      No ratings yet
    • Untitled
      Document2 pages
      Untitled
      ANTONIO JEAN PIERRE DIAZ GARRIDO
      No ratings yet
    • Build A Palindrome Checker
      Document4 pages
      Build A Palindrome Checker
      marekwieszjakjest
      No ratings yet
    • 21mic7101 Swe2004 Frontend Design and Testing Lab Assignment-1
      Document18 pages
      21mic7101 Swe2004 Frontend Design and Testing Lab Assignment-1
      Ruthvik Reddy Anupati
      No ratings yet
    • Digital Assignment 2: Saumitra Pathak 19bce2411 Labda2 L23+L24 20-10-2021
      Document14 pages
      Digital Assignment 2: Saumitra Pathak 19bce2411 Labda2 L23+L24 20-10-2021
      Saumitra Pathak
      No ratings yet
    • Vitro Nex
      Document7 pages
      Vitro Nex
      Andrei Suceu
      No ratings yet
    • CSS for Hotel Bookings
      From Everand
      CSS for Hotel Bookings
      Abdelfattah Ragab
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • 3
      Document2 pages
      3
      Saif Jutt
      No ratings yet
    • 5
      Document2 pages
      5
      Saif Jutt
      No ratings yet
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • 5
      Document2 pages
      5
      Saif Jutt
      No ratings yet
    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • 3
      Document2 pages
      3
      Saif Jutt
      No ratings yet
    • 5
      Document1 page
      5
      Saif Jutt
      No ratings yet
    • 2
      Document1 page
      2
      Saif Jutt
      No ratings yet
    • 1
      Document1 page
      1
      Saif Jutt
      No ratings yet
    • 4
      Document1 page
      4
      Saif Jutt
      No ratings yet
    • 5
      Document1 page
      5
      Saif Jutt
      No ratings yet