Webpage-development/calculator.html at master · imtepha/Webpage-development · 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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<input type="number" id="input" value="3"/>
<br></br>
<input type="number" id="input2" value="3"/>


<script>


function plus () {
   var x,y,z,x1,y1;
   x= document.getElementById("input").value;
   y= document.getElementById("input2").value;
   x1=parseInt(x);
   y1=parseInt(y);
   z= x1+y1;
   document.getElementById("output").innerHTML = z;
}

function multiply () {
  var x,y,z,x1,y1;
   x= document.getElementById("input").value;
   y= document.getElementById("input2").value;
   x1=parseInt(x);
   y1=parseInt(y);
   z= x1*y1;
   document.getElementById("output2").innerHTML = z;
}
function divided () {
   var x,y,z,x1,y1;
   x= document.getElementById("input").value;
   y= document.getElementById("input2").value;
   x1=parseInt(x);
   y1=parseInt(y);
   z= x1 / y1;
   document.getElementById("output3").innerHTML = z;

}
function substract () {
  var x,y,z,x1,y1;
   x= document.getElementById("input").value;
   y= document.getElementById("input2").value;
   x1=parseInt(x);
   y1=parseInt(y);
   z= x1 - y1;
   document.getElementById("output4").innerHTML = z;

}

function clearThis(){

    document.getElementById("input").value =0;
    document.getElementById("input2").value = 0;
    document.getElementById("output5").innerHTML = 0;

    }


</script>
<br></br>
<output type="number" id="output"></output>
<br></br>
<button onclick = "plus()">+</button>
<br></br>
<output type="number" id="output2"></output>
<br></br>
<button onclick = "multiply()">*</button>
<br></br>
<output type="number" id="output3"></output>
<br></br>
<button onclick = "divided()">/</button>
<br></br>
<output type="number" id="output4"></output>
<br></br>
<button onclick = "substract()">-</button>
<br></br>
<output type="number" id="output5"></output>
<br></br>
<button onclick = "clearThis()">c</button>
<br></br>
<output type="number" id="output5"></output>


</body>
</html>