Scribd Logo
Upload

Welcome to Scribd!

  • 1

    Uploaded by

    Saif Jutt
    3 views2 pages
    This document contains HTML and CSS code to create a simple calculator interface with a display input field and buttons for numbers and operators. Styling is included to layout the calculator in the center of the page with a white background inside a bordered box shadow. Buttons are formatted to a consistent size and the equals button spans two columns.

    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
    This document contains HTML and CSS code to create a simple calculator interface with a display input field and buttons for numbers and operators. Styling is included to layout the calculator in the center of the page with a white background inside a bordered box shadow. Buttons are formatted to a consistent size and the equals button spans two columns.

    Copyright:

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

    1

    Uploaded by

    Saif Jutt
    This document contains HTML and CSS code to create a simple calculator interface with a display input field and buttons for numbers and operators. Styling is included to layout the calculator in the center of the page with a white background inside a bordered box shadow. Buttons are formatted to a consistent size and the equals button spans two columns.

    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">
    <title>Simple Calculator</title>
    <style>
    body {
    font-family: 'Arial', sans-serif;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    margin: 0;
    }

    #calculator {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 300px;
    }

    input {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 18px;
    box-sizing: border-box;
    }

    button {
    width: 48px;
    height: 48px;
    font-size: 18px;
    margin: 5px;
    cursor: pointer;
    }

    #equals {
    width: 100%;
    margin-top: 10px;
    }
    </style>
    </head>
    <body>

    <div id="calculator">
    <input type="text" id="display" readonly>
    <button>7</button>
    <button>8</button>
    <button>9</button>
    <button>+</button>
    <button>4</button>
    <button>5</button>
    <button>6</button>
    <button>-</button>
    <button>1</button>
    <button>2</button>
    <button>3</button>
    <button>*</button>
    <button>0</button>
    <button>/</button>
    <button>.</button>
    <button id="equals" style="grid-column: span 2;">=</button>

    You might also like

    • 4
      Document1 page
      4
      Saif Jutt
      No ratings yet
    • Doctype HTML
      Document2 pages
      Doctype HTML
      ammarskandar4
      No ratings yet
    • Cod HTML Calc
      Document1 page
      Cod HTML Calc
      rmsx22
      No ratings yet
    • 4
      Document2 pages
      4
      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
    • 2
      Document2 pages
      2
      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
    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • 3
      Document2 pages
      3
      Saif Jutt
      No ratings yet
    • Theme 5250455546679472398
      Document2 pages
      Theme 5250455546679472398
      Paint with MSM
      No ratings yet
    • 3
      Document2 pages
      3
      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
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • New Text Document
      Document2 pages
      New Text Document
      saied mostafa
      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
    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • 5
      Document2 pages
      5
      Saif Jutt
      No ratings yet
    • Harshada Girase - AI - A2
      Document6 pages
      Harshada Girase - AI - A2
      bhamrekomal2003
      No ratings yet
    • Puja Girase - AI - A2
      Document6 pages
      Puja Girase - AI - A2
      bhamrekomal2003
      No ratings yet
    • Calc
      Document3 pages
      Calc
      citiye2321
      No ratings yet
    • 5
      Document2 pages
      5
      Saif Jutt
      No ratings yet
    • Nalasoacalc
      Document5 pages
      Nalasoacalc
      Rianala Manantsoa
      No ratings yet
    • 4
      Document2 pages
      4
      Saif Jutt
      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
    • Login HTML
      Document2 pages
      Login HTML
      Lucas Santos
      No ratings yet
    • Signup Page
      Document1 page
      Signup Page
      nosheennaseer026
      No ratings yet
    • Calculator Using HTML, CSS, JS
      Document2 pages
      Calculator Using HTML, CSS, JS
      akrao23375
      No ratings yet
    • !doctype HTML
      Document3 pages
      !doctype HTML
      melati.surya.ningsih29
      No ratings yet
    • HTML
      Document2 pages
      HTML
      ccrown861
      No ratings yet
    • HTML:: HTML Lang Charset Content Name Content
      Document4 pages
      HTML:: HTML Lang Charset Content Name Content
      Gleyson Melo
      No ratings yet
    • New 1
      Document2 pages
      New 1
      bilba2028
      No ratings yet
    • Tema Web
      Document3 pages
      Tema Web
      stefy15stirbu
      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
    • Login Code Se
      Document2 pages
      Login Code Se
      Know Unknown
      No ratings yet
    • Pass
      Document1 page
      Pass
      Saif Jutt
      No ratings yet
    • Vitro Nex
      Document7 pages
      Vitro Nex
      Andrei Suceu
      No ratings yet
    • Final Practical File
      Document36 pages
      Final Practical File
      Deepanshu Punj
      No ratings yet
    • PRN 23610053
      Document8 pages
      PRN 23610053
      Hrishikesh Bankapur
      No ratings yet
    • Untitled
      Document2 pages
      Untitled
      ANTONIO JEAN PIERRE DIAZ GARRIDO
      No ratings yet
    • Gambarlogin Prile
      Document4 pages
      Gambarlogin Prile
      furry1446
      No ratings yet
    • Build A Palindrome Checker
      Document4 pages
      Build A Palindrome Checker
      marekwieszjakjest
      No ratings yet
    • WT Record
      Document14 pages
      WT Record
      Sravanthi Sravs
      No ratings yet
    • Exp 2
      Document9 pages
      Exp 2
      ANSARI MOHAMMAD SAHIL ASHRAF 422164
      No ratings yet
    • Codgio Boton de Envio
      Document2 pages
      Codgio Boton de Envio
      santiago123diaz2
      No ratings yet
    • Caluclator
      Document5 pages
      Caluclator
      AbdulkhadarJilani Shaik
      No ratings yet
    • Day 2 Assignment
      Document11 pages
      Day 2 Assignment
      Aim More
      No ratings yet
    • Pagina Web Basica: Doctype HTML Head Meta Meta Meta Link
      Document6 pages
      Pagina Web Basica: Doctype HTML Head Meta Meta Meta Link
      Giordano Carcerieri
      No ratings yet
    • SLIDER
      Document2 pages
      SLIDER
      Studyपुर 24x7
      No ratings yet
    • Archita1 Websyslabexer
      Document11 pages
      Archita1 Websyslabexer
      Tijnara Archita
      No ratings yet
    • IT Practical File
      Document27 pages
      IT Practical File
      precious m
      100% (3)
    • 1234
      Document1 page
      1234
      Studyपुर 24x7
      No ratings yet
    • CSS for Hotel Bookings
      From Everand
      CSS for Hotel Bookings
      Abdelfattah Ragab
      No ratings yet
    • 3
      Document2 pages
      3
      Saif Jutt
      No ratings yet
    • 5
      Document2 pages
      5
      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
    • 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