You are on page 1of 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: r;
justify-conteng
#calculator {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
overflow: hidde
}

#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>
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

  • Angular Portfolio App Development: Building Modern and Engaging Portfolios
    Angular Portfolio App Development: Building Modern and Engaging Portfolios
    From Everand
    Angular Portfolio App Development: Building Modern and Engaging Portfolios
    No ratings yet
  • 2
    2
    Document2 pages
    2
    Saif Jutt
    No ratings yet
  • 1
    1
    Document2 pages
    1
    Saif Jutt
    No ratings yet
  • 2
    2
    Document2 pages
    2
    Saif Jutt
    No ratings yet
  • 2
    2
    Document2 pages
    2
    Saif Jutt
    No ratings yet
  • 1
    1
    Document2 pages
    1
    Saif Jutt
    No ratings yet
  • 1
    1
    Document2 pages
    1
    Saif Jutt
    No ratings yet
  • 3
    3
    Document2 pages
    3
    Saif Jutt
    No ratings yet
  • 5
    5
    Document2 pages
    5
    Saif Jutt
    No ratings yet
  • 3
    3
    Document2 pages
    3
    Saif Jutt
    No ratings yet
  • 5
    5
    Document2 pages
    5
    Saif Jutt
    No ratings yet
  • 4
    4
    Document2 pages
    4
    Saif Jutt
    No ratings yet
  • 5
    5
    Document2 pages
    5
    Saif Jutt
    No ratings yet
  • 2
    2
    Document2 pages
    2
    Saif Jutt
    No ratings yet
  • 3
    3
    Document2 pages
    3
    Saif Jutt
    No ratings yet
  • 4
    4
    Document2 pages
    4
    Saif Jutt
    No ratings yet
  • 4
    4
    Document2 pages
    4
    Saif Jutt
    No ratings yet
  • 1
    1
    Document2 pages
    1
    Saif Jutt
    No ratings yet
  • 2
    2
    Document2 pages
    2
    Saif Jutt
    No ratings yet
  • 3
    3
    Document2 pages
    3
    Saif Jutt
    No ratings yet
  • 4
    4
    Document2 pages
    4
    Saif Jutt
    No ratings yet
  • 4
    4
    Document2 pages
    4
    Saif Jutt
    No ratings yet
  • 1
    1
    Document2 pages
    1
    saifjuttsaif0202
    No ratings yet
  • 2
    2
    Document2 pages
    2
    saifjuttsaif0202
    No ratings yet
  • 4
    4
    Document1 page
    4
    Saif Jutt
    No ratings yet
  • 1
    1
    Document2 pages
    1
    Saif Jutt
    No ratings yet
  • Calculator Using HTML, CSS, JS
    Calculator Using HTML, CSS, JS
    Document2 pages
    Calculator Using HTML, CSS, JS
    akrao23375
    No ratings yet
  • Theme 5250455546679472398
    Theme 5250455546679472398
    Document2 pages
    Theme 5250455546679472398
    Paint with MSM
    No ratings yet
  • Mahendy Arya Putra Airlangga - 152111513011 - Tugastpk
    Mahendy Arya Putra Airlangga - 152111513011 - Tugastpk
    Document7 pages
    Mahendy Arya Putra Airlangga - 152111513011 - Tugastpk
    imam wahyu
    No ratings yet
  • Calc
    Calc
    Document3 pages
    Calc
    citiye2321
    No ratings yet
  • Puja Girase - AI - A2
    Puja Girase - AI - A2
    Document6 pages
    Puja Girase - AI - A2
    bhamrekomal2003
    No ratings yet
  • Harshada Girase - AI - A2
    Harshada Girase - AI - A2
    Document6 pages
    Harshada Girase - AI - A2
    bhamrekomal2003
    No ratings yet
  • Doctype HTML
    Doctype HTML
    Document2 pages
    Doctype HTML
    ammarskandar4
    No ratings yet
  • Calculator
    Calculator
    Document5 pages
    Calculator
    Sudhesh VS
    No ratings yet
  • !doctype HTML
    !doctype HTML
    Document3 pages
    !doctype HTML
    melati.surya.ningsih29
    No ratings yet
  • New Text Document
    New Text Document
    Document2 pages
    New Text Document
    saied mostafa
    No ratings yet
  • Nalasoacalc
    Nalasoacalc
    Document5 pages
    Nalasoacalc
    Rianala Manantsoa
    No ratings yet
  • Calculator Code
    Calculator Code
    Document7 pages
    Calculator Code
    Samlove Ojo
    No ratings yet
  • Cod HTML Calc
    Cod HTML Calc
    Document1 page
    Cod HTML Calc
    rmsx22
    No ratings yet
  • IT Essentials
    IT Essentials
    Document11 pages
    IT Essentials
    srii21rohith
    No ratings yet
  • Topalian Calculator by Christopher Topalian
    Topalian Calculator by Christopher Topalian
    Document33 pages
    Topalian Calculator by Christopher Topalian
    CollegeOfScripting
    No ratings yet
  • Scirpt 02 Lento - Configurable Con Final
    Scirpt 02 Lento - Configurable Con Final
    Document9 pages
    Scirpt 02 Lento - Configurable Con Final
    ADRY GLEZ
    No ratings yet
  • HTML Css App
    HTML Css App
    Document11 pages
    HTML Css App
    Aymen Gmar
    No ratings yet
  • Calc
    Calc
    Document4 pages
    Calc
    805199
    No ratings yet
  • IKHLAAS
    IKHLAAS
    Document10 pages
    IKHLAAS
    Suhail Malik
    No ratings yet
  • Simple Working Calculator
    Simple Working Calculator
    Document4 pages
    Simple Working Calculator
    John Renaund Baybay
    No ratings yet
  • Caluclator
    Caluclator
    Document5 pages
    Caluclator
    AbdulkhadarJilani Shaik
    No ratings yet
  • Web
    Web
    Document10 pages
    Web
    akash Drolia
    No ratings yet
  • Lit Survey
    Lit Survey
    Document10 pages
    Lit Survey
    Suhail Malik
    No ratings yet
  • WT Ass 4 Tecod424
    WT Ass 4 Tecod424
    Document5 pages
    WT Ass 4 Tecod424
    Kush Ise
    No ratings yet
  • Build A Palindrome Checker
    Build A Palindrome Checker
    Document4 pages
    Build A Palindrome Checker
    marekwieszjakjest
    No ratings yet
  • Write HTML / Java Scripts To Display Resume' in Web Browser
    Write HTML / Java Scripts To Display Resume' in Web Browser
    Document37 pages
    Write HTML / Java Scripts To Display Resume' in Web Browser
    lakshmi
    No ratings yet
  • Tema Web
    Tema Web
    Document3 pages
    Tema Web
    stefy15stirbu
    No ratings yet
  • PRN 23610053
    PRN 23610053
    Document8 pages
    PRN 23610053
    Hrishikesh Bankapur
    No ratings yet
  • Web Programming Surya
    Web Programming Surya
    Document59 pages
    Web Programming Surya
    Aswath Vikranth
    No ratings yet
  • Romantic
    Romantic
    Document2 pages
    Romantic
    marcenariajcstilos
    No ratings yet
  • WT Record
    WT Record
    Document14 pages
    WT Record
    Sravanthi Sravs
    No ratings yet
  • Vitro Nex
    Vitro Nex
    Document7 pages
    Vitro Nex
    Andrei Suceu
    No ratings yet
  • 21mic7101 Swe2004 Frontend Design and Testing Lab Assignment-1
    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
  • Java Script Calculator: Sanjay M
    Java Script Calculator: Sanjay M
    Document11 pages
    Java Script Calculator: Sanjay M
    Sanjay Muthu
    No ratings yet
  • 5
    5
    Document2 pages
    5
    Saif Jutt
    No ratings yet
  • 5
    5
    Document2 pages
    5
    Saif Jutt
    No ratings yet
  • 3
    3
    Document2 pages
    3
    Saif Jutt
    No ratings yet
  • 1
    1
    Document2 pages
    1
    Saif Jutt
    No ratings yet
  • 4
    4
    Document2 pages
    4
    Saif Jutt
    No ratings yet
  • 2
    2
    Document2 pages
    2
    Saif Jutt
    No ratings yet
  • 5
    5
    Document1 page
    5
    Saif Jutt
    No ratings yet
  • 1
    1
    Document1 page
    1
    Saif Jutt
    No ratings yet
  • 5
    5
    Document1 page
    5
    Saif Jutt
    No ratings yet
  • 2
    2
    Document1 page
    2
    Saif Jutt
    No ratings yet
  • 4
    4
    Document1 page
    4
    Saif Jutt
    No ratings yet
  • 4
    4
    Document1 page
    4
    Saif Jutt
    No ratings yet
  • 4
    4
    Document1 page
    4
    Saif Jutt
    No ratings yet