dz4-javascript/calculator.html at master · aeremeeva/dz4-javascript · 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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>КАЛЬКУЛЯТОР</title>
</head>
<body>
<script language=javascript>
var zero 	= '0';
var one 	= '1';
var two 	= '2';
var three = '3';
var four 	= '4';
var five 	= '5';
var six = '6';
var seven = '7';
var eight = '8';
var nine 	= '9';
var add 	= '+';
var subtract = '-';
var multiply = '*';
var divide = '/';
function compute(f)
{
  f.view.value = eval(f.view.value);
}
function getNum(f, val)
{
  f.view.value += val;
}
</script>
<form name="calc">
  <table width="200" border=1>
    <tbody>
      <tr>
        <td width="100%"><table cellspacing=0 cellpadding=0 width="100%" border=1>
            <tbody>
              <tr>
                <td><p align=center>Калькулятор</p></td>
              </tr>
              <tr>
                <td width="100%">
				<p align=center>
                  <input type=text name="view" size=27 action="compute(this)">
                </p>
                </td>
                </tr>
                  <table cellspacing=0 cellpadding=0 border=1>
                                          <td rowspan="2" width="25%"><p align=center>
                            <input style="border: "#FFF" onclick="getNum(this.form, seven)" type=button value="    7    ">
                          </p></td>
                        <td rowspan="2" width="25%"><p align=center>
                            <input style="border: "#FFF" onclick="getNum(this.form, eight)" type=button value="    8    ">
                          </p></td>
                        <td  rowspan="2" width="25%"><p align=center>
                            <input style="border: "#FFF" onclick="getNum(this.form, nine)" type=button value="    9    ">
                          </p></td>
                        <td width="25%"><p align=center>
                            <input style="border: "#FFF" onclick="getNum(this.form, multiply)" type=button value="    *    ">
                          </p></td>
                      </tr>
                      <tr>
                        <td width="25%"><p align=center>
                            <input style="border: "#FFF" onclick="getNum(this.form, divide)" type=button value="    /    ">
                          </p></td>
                      </tr>
                      <tr>
                        <td width="25%"><p align=center>
                            <input style="border: "#FFF" onclick="getNum(this.form, four)" type=button value="    4    ">
                          </p></td>
                        <td width="25%"><p align=center>
                            <input style="border: "#FFF" onclick="getNum(this.form, five)" type=button value="    5    ">
                          </p></td>
                        <td width="25%"><p align=center>
                            <input style="border: "#FFF" onclick="getNum(this.form, six)" type=button value="    6    ">
                          </p></td>
                        <td width="25%"><p align=center>
                            <input style="border: "#FFF" onclick="getNum(this.form, subtract)" type=button value="    -    ">
                          </p></td>
                      </tr>
                      <tr>
                        <td width="25%"><p align=center>
                            <input style="border: "#FFF" onclick="getNum(this.form, one)" type=button value="    1    ">
                          </p></td>
                        <td width="25%"><p align=center>
                            <input style="border: "#FFF" onclick="getNum(this.form, two)" type=button value="    2    ">
                          </p></td>
                        <td width="25%"><p align=center>
                            <input style="border: "#FFF" onclick="getNum(this.form, three)" type=button value="    3    ">
                          </p></td>
                        <td width="25%"><p align=center>
                            <input style="border: "#FFF" onclick="getNum(this.form, add)" type=button value="    +   ">
                          </p></td>
                      </tr>
                      <tr>
                        <td width="25%"><p align=center>
                            <input style="border: "#FFF" type=reset value="    c    ">
                          </p></td>
                        <td width="25%"><p align=center>
                            <input style="border: "#FFF" onclick="getNum(this.form, zero)" type=button value="    0    ">
                          </p></td>
                        <td width="25%"></td>
                        <td width="25%"><p align=center>
                            <input style="border: "#FFF" onclick="compute(this.form)" type=button value="    =   ">
                          </p></td>
                      </tr>
                   </table>
	        </tbody>
        </td>
      </tr>
   </tbody>
  </table>
</form>
</body>
</html>