HTML-JS-Basic-Calculator/index.html at master · khaleb-dev/HTML-JS-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
44
45
46
47
48
<!DOCTYPE html>
<html lang='en'>
<head>
    <title>Calculator built on phone - O'Brien</title>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=yes">
    <meta name="author" content="Khaleb O'Brien">

    <link rel="stylesheet" type="text/css" href="assets/css/style.css">

    <!-- the layout of this calculator might change and get messed up because I built it on my phone with respect to my phones screen size and not a PC screen size. But don't worry, it will still do your calculation -->

    <!-- the logic buttons are not working yet, please I need help. thank you -->
</head>

<body>
    <div id='content'>
        <div id='content-app'>
            <input type='text' id='smdisplay' readonly value='0' />
            <input text='text' id='lgdisplay' readonly value='0' />
            <br /><br />

            <button onclick='cleartxt()' id='C'>C</button>
            <button onclick='removeLastNumber()' id='removeLast'>Bk</button>
            <button onclick='setOperator(this)' id='modulus' class="operand">%</button>
            <button onclick='setDecimal(this)' id='dec'>.</button><br />
            <button onclick='writeNumber(this)' id='n1' class='numbs'>1</button>
            <button onclick='writeNumber(this)' id='n2' class='numbs'>2</button>
            <button onclick='writeNumber(this)' id='n3' class='numbs'>3</button>
            <button onclick='setOperator(this)' id='sum'>+</button><br />
            <button onclick='writeNumber(this)' id='n4' class='numbs'>4</button>
            <button onclick='writeNumber(this)' id='n5' class='numbs'>5</button>
            <button onclick='writeNumber(this)' id='n6' class='numbs'>6</button>
            <button onclick='setOperator(this)' id='subtract'>-</button><br />
            <button onclick='writeNumber(this)' id='n7' class='numbs'>7</button>
            <button onclick='writeNumber(this)' id='n8' class='numbs'>8</button>
            <button onclick='writeNumber(this)' id='n9' class='numbs'>9</button>
            <button onclick='setOperator(this)' id='multi'>*</button><br />
            <button onclick='writeNumber(this)' id='n0' class='numbs'  style='width:190px'>0</button>
            <button onclick='setOperator(this)' id='divide'>/</button><br />
            <button onclick='calculate()' id='calcular' style='width:255px'>=</button>
        </div>

    </div>
    <div class="foot">Developed by <a href="https://www.facebook.com/caleb.uche.52">Khaleb O'Brien (weird_coder)</a></div>

    <script type="text/javascript" src="assets/js/main.js"></script>
</body>
</html>