basic-calculator/index.html at main · Anderson1703/basic-calculator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>calculadora</title>
</head>
<body>
    <div class="calculadora" id="calculadora">
        <div class="pantalla" id="pantalla">
            <div class="primerValor" id="primerValor"></div>
            <div class="cajaOperacion" id="cajaOperacion"></div>
            <div class="segundoValor" id="segundoValor"></div>
            <div class="cajaIgual"></div>
            <div class="resultado" id="resultado"></div>
        </div>
        <div class="cajaBotones" id="cajaBotones">
            <button class="botones"  id="uno" value="1">1</button>
            <button class="botones"  id="dos"  value="2">2</button>
            <button class="botones"  id="tres"  value="3">3</button>
            <button class="botones"  id="cuatro"  value="4">4</button>
            <button class="botones"  id="cinco"  value="5">5</button>
            <button class="botones"  id="seis"  value="6">6</button>
            <button class="botones"  id="ciete"  value="7">7</button>
            <button class="botones"  id="ocho"  value="8">8</button>
            <button class="botones"  id="nueve"  value="9">9</button>
            <button class="botones"  id="cero"  value="0">0</button>
            <button class="operaciones" id="sumar" value="+">+</button>
            <button class="operaciones" id="restar" value="-">-</button>
            <button class="operaciones" id="multiplicar" value="*">*</button>
            <button class="operaciones" id="dividir" value="/">/</button>
            <button class="operaciones" id="borrar">Borrar</button>
            <button class="operaciones igual" id="botonIgual">=</button>

        </div>
    </div>


    <script src="code.js"></script>
</body>
</html>