Scribd Logo
Upload

Welcome to Scribd!

  • 2

    Uploaded by

    saifjuttsaif0202
    4 views2 pages
    The document defines an HTML-based calculator with a display div and buttons to perform basic math operations. JavaScript functions handle button clicks to append numbers/operators, clear the display, or evaluate the displayed expression and show the result. The calculator allows building an expression in the display and calculating it with the equals button.

    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 defines an HTML-based calculator with a display div and buttons to perform basic math operations. JavaScript functions handle button clicks to append numbers/operators, clear the display, or evaluate the displayed expression and show the result. The calculator allows building an expression in the display and calculating it with the equals button.

    Copyright:

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

    2

    Uploaded by

    saifjuttsaif0202
    The document defines an HTML-based calculator with a display div and buttons to perform basic math operations. JavaScript functions handle button clicks to append numbers/operators, clear the display, or evaluate the displayed expression and show the result. The calculator allows building an expression in the display and calculating it with the equals button.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    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-fa
    }

    button {
    background-color: #e0e0e0;
    border: non
    }

    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>
    let display = document.getElementById('display');

    function appendToDisplay(value) {
    display.textContent += value;
    }

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

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

    </body>
    </html>

    You might also like

    • 1
      Document2 pages
      1
      saifjuttsaif0202
      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
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • 5
      Document2 pages
      5
      Saif Jutt
      No ratings yet
    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • 2
      Document2 pages
      2
      Saif Jutt
      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
    • 5
      Document2 pages
      5
      Saif Jutt
      No ratings yet
    • 3
      Document2 pages
      3
      Saif Jutt
      No ratings yet
    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • 3
      Document2 pages
      3
      Saif Jutt
      No ratings yet
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • HTML Calculadora
      Document1 page
      HTML Calculadora
      Nuno Lima
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • Calc
      Document3 pages
      Calc
      citiye2321
      No ratings yet
    • 3
      Document2 pages
      3
      Saif Jutt
      No ratings yet
    • Calculator
      Document5 pages
      Calculator
      Sudhesh VS
      No ratings yet
    • Theme 5250455546679472398
      Document2 pages
      Theme 5250455546679472398
      Paint with MSM
      No ratings yet
    • Calculator Code
      Document7 pages
      Calculator Code
      Samlove Ojo
      No ratings yet
    • Mahendy Arya Putra Airlangga - 152111513011 - Tugastpk
      Document7 pages
      Mahendy Arya Putra Airlangga - 152111513011 - Tugastpk
      imam wahyu
      No ratings yet
    • Simple Working Calculator
      Document4 pages
      Simple Working Calculator
      John Renaund Baybay
      No ratings yet
    • Miau
      Document2 pages
      Miau
      kermer.j21
      No ratings yet
    • NGT (Jquery)
      Document45 pages
      NGT (Jquery)
      Shreya Kale
      No ratings yet
    • Práctica Javascript 29.09
      Document9 pages
      Práctica Javascript 29.09
      Victor
      No ratings yet
    • Calc
      Document4 pages
      Calc
      805199
      No ratings yet
    • Dompgms
      Document9 pages
      Dompgms
      Tejashwini Gadag
      No ratings yet
    • Topalian Calculator by Christopher Topalian
      Document33 pages
      Topalian Calculator by Christopher Topalian
      CollegeOfScripting
      No ratings yet
    • Reš
      Document1 page
      Reš
      Dimitrije Mita Pešić
      No ratings yet
    • Iwp Exp 5
      Document14 pages
      Iwp Exp 5
      Rajvansh Singh
      No ratings yet
    • Tabla Inmultirii Angular JS
      Document1 page
      Tabla Inmultirii Angular JS
      Андрей Пырлог
      No ratings yet
    • IT Essentials
      Document11 pages
      IT Essentials
      srii21rohith
      No ratings yet
    • 3 Javascripttt
      Document44 pages
      3 Javascripttt
      llavii
      No ratings yet
    • Web Development Day4 Assignment
      Document6 pages
      Web Development Day4 Assignment
      Serijsn
      No ratings yet
    • Calculator Using HTML, CSS, JS
      Document2 pages
      Calculator Using HTML, CSS, JS
      akrao23375
      No ratings yet
    • IKHLAAS
      Document10 pages
      IKHLAAS
      Suhail Malik
      No ratings yet
    • Lit Survey
      Document10 pages
      Lit Survey
      Suhail Malik
      No ratings yet
    • ACarrinho
      Document2 pages
      ACarrinho
      Vera Lucia
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • Java Script
      Document1 page
      Java Script
      GLADYS IMELDA BERRIOS DE ROMERO
      No ratings yet
    • CALCULATOR
      Document3 pages
      CALCULATOR
      Sriharan
      No ratings yet
    • Project
      Document9 pages
      Project
      nischalgaire806
      No ratings yet
    • Practical 10 13
      Document7 pages
      Practical 10 13
      Deep
      No ratings yet
    • Onclick and Onload
      Document6 pages
      Onclick and Onload
      yash moviedriveb
      No ratings yet
    • Ropa
      Document2 pages
      Ropa
      Rblanco
      No ratings yet
    • Semafaro Js
      Document1 page
      Semafaro Js
      akamega436
      No ratings yet
    • WT Record
      Document14 pages
      WT Record
      Sravanthi Sravs
      No ratings yet
    • Homeworks 4
      Document9 pages
      Homeworks 4
      Long
      No ratings yet
    • Web
      Document10 pages
      Web
      akash Drolia
      No ratings yet
    • WT Ass 4 Tecod424
      Document5 pages
      WT Ass 4 Tecod424
      Kush Ise
      No ratings yet
    • DHTML Programs
      Document7 pages
      DHTML Programs
      gtkaa
      0% (1)
    • CSS for Hotel Bookings
      From Everand
      CSS for Hotel Bookings
      Abdelfattah Ragab
      No ratings yet