Scribd Logo
Upload

Welcome to Scribd!

  • 5

    Uploaded by

    Saif Jutt
    3 views2 pages

    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

    Copyright:

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

    5

    Uploaded by

    Saif Jutt

    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-family: Arial, s
    #calculator {
    }
    h10px;
    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>
    let display = document.getElementById('display');

    function appendToDisplay(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

    • Angular Portfolio App Development: Building Modern and Engaging Portfolios
      From Everand
      Angular Portfolio App Development: Building Modern and Engaging Portfolios
      Abdelfattah Ragab
      No ratings yet
    • 2
      Document2 pages
      2
      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
    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • 3
      Document2 pages
      3
      Saif Jutt
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • 4
      Document2 pages
      4
      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
    • 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
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • 1
      Document2 pages
      1
      saifjuttsaif0202
      No ratings yet
    • 2
      Document2 pages
      2
      saifjuttsaif0202
      No ratings yet
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • Calculator Using HTML, CSS, JS
      Document2 pages
      Calculator Using HTML, CSS, JS
      akrao23375
      No ratings yet
    • 4
      Document1 page
      4
      Saif Jutt
      No ratings yet
    • Mahendy Arya Putra Airlangga - 152111513011 - Tugastpk
      Document7 pages
      Mahendy Arya Putra Airlangga - 152111513011 - Tugastpk
      imam wahyu
      No ratings yet
    • Calculator
      Document5 pages
      Calculator
      Sudhesh VS
      No ratings yet
    • Puja Girase - AI - A2
      Document6 pages
      Puja Girase - AI - A2
      bhamrekomal2003
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • Harshada Girase - AI - A2
      Document6 pages
      Harshada Girase - AI - A2
      bhamrekomal2003
      No ratings yet
    • Theme 5250455546679472398
      Document2 pages
      Theme 5250455546679472398
      Paint with MSM
      No ratings yet
    • !doctype HTML
      Document3 pages
      !doctype HTML
      melati.surya.ningsih29
      No ratings yet
    • IT Essentials
      Document11 pages
      IT Essentials
      srii21rohith
      No ratings yet
    • Topalian Calculator by Christopher Topalian
      Document33 pages
      Topalian Calculator by Christopher Topalian
      CollegeOfScripting
      No ratings yet
    • Doctype HTML
      Document2 pages
      Doctype HTML
      ammarskandar4
      No ratings yet
    • Calc
      Document4 pages
      Calc
      805199
      No ratings yet
    • Calculator Code
      Document7 pages
      Calculator Code
      Samlove Ojo
      No ratings yet
    • Calc
      Document3 pages
      Calc
      citiye2321
      No ratings yet
    • Web
      Document10 pages
      Web
      akash Drolia
      No ratings yet
    • Cod HTML Calc
      Document1 page
      Cod HTML Calc
      rmsx22
      No ratings yet
    • WT Ass 4 Tecod424
      Document5 pages
      WT Ass 4 Tecod424
      Kush Ise
      No ratings yet
    • HTML, CSS and JavaScript.
      Document7 pages
      HTML, CSS and JavaScript.
      Souhardya Kundu
      No ratings yet
    • Caluclator
      Document5 pages
      Caluclator
      AbdulkhadarJilani Shaik
      No ratings yet
    • Simple Working Calculator
      Document4 pages
      Simple Working Calculator
      John Renaund Baybay
      No ratings yet
    • Web Programming Surya
      Document59 pages
      Web Programming Surya
      Aswath Vikranth
      No ratings yet
    • WP Practical Sample Questions Solutions
      Document16 pages
      WP Practical Sample Questions Solutions
      meetttp1210
      No ratings yet
    • PRN 23610053
      Document8 pages
      PRN 23610053
      Hrishikesh Bankapur
      No ratings yet
    • Simple Calculator
      Document29 pages
      Simple Calculator
      A2 Motivation
      No ratings yet
    • New Text Document
      Document2 pages
      New Text Document
      saied mostafa
      No ratings yet
    • IKHLAAS
      Document10 pages
      IKHLAAS
      Suhail Malik
      No ratings yet
    • Cla Culat or
      Document3 pages
      Cla Culat or
      karanbankar54
      No ratings yet
    • Build A Palindrome Checker
      Document4 pages
      Build A Palindrome Checker
      marekwieszjakjest
      No ratings yet
    • Textdfg
      Document4 pages
      Textdfg
      azetrap4
      No ratings yet
    • Lit Survey
      Document10 pages
      Lit Survey
      Suhail Malik
      No ratings yet
    • Source Code
      Document7 pages
      Source Code
      nandhini Mathavan
      No ratings yet
    • ETE
      Document10 pages
      ETE
      Achal Kumar
      No ratings yet
    • HTML Css App
      Document11 pages
      HTML Css App
      Aymen Gmar
      No ratings yet
    • CALCULATOR
      Document3 pages
      CALCULATOR
      Sriharan
      No ratings yet
    • Exp 1 Manual
      Document6 pages
      Exp 1 Manual
      hellcaster2508
      No ratings yet
    • 5
      Document2 pages
      5
      Saif Jutt
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • 3
      Document2 pages
      3
      Saif Jutt
      No ratings yet
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • 5
      Document1 page
      5
      Saif Jutt
      No ratings yet
    • 5
      Document1 page
      5
      Saif Jutt
      No ratings yet
    • 1
      Document1 page
      1
      Saif Jutt
      No ratings yet
    • 2
      Document1 page
      2
      Saif Jutt
      No ratings yet
    • 4
      Document1 page
      4
      Saif Jutt
      No ratings yet
    • 4
      Document1 page
      4
      Saif Jutt
      No ratings yet
    • 4
      Document1 page
      4
      Saif Jutt
      No ratings yet