简单计算器 Html JavaScript By:YoseZang

2021-03-09 14:30

阅读:411

标签:script   简单计算器   pre   initial   title   har   lang   rgba   java   

上学最近正在学JavaScript,分享一个我写的JavaScript的源码计算器:

  1 DOCTYPE html>
  2 html lang="en">
  3 head>
  4     meta charset="UTF-8">
  5     meta name="viewport" content="width=device-width, initial-scale=1.0">
  6     title>Documenttitle>
  7     script language="JavaScript">
  8         
  9         
 10 
 11         function init()
 12         {
 13 
 14             //window.alert("init");
 15             //nmr;
 16             //nmr2;
 17 
 18             window.rclc=0;
 19 
 20             window.mtdClc=0;
 21             window.nmr=0;
 22             window.nmr2=0;
 23 
 24             window.btn=0;
 25 
 26             window.svCnt=1;
 27 
 28             //alert(window.svCnt);
 29         }
 30         
 31 
 32         
 33         function wrtChr(value)
 34         {
 35             if (window.rclc==1)
 36             {
 37                 document.getElementById("txt").value="";
 38                 window.rclc=0;
 39             }
 40             document.getElementById("txt").value+=value;
 41         }
 42         function sv()
 43         {
 44             //window.alert("txt2:"+(Number(svCnt)).toString());
 45             //window.alert();
 46 
 47             //document.getElementById("dv").innerHTML=svCnt.toString(10);
 48 
 49             
 50             if (window.svCnt==1)
 51             {
 52                 //window.alert("tst");
 53                 
 54                 //window.alert(window.nmr);
 55 
 56                 window.nmr=Number(document.getElementById("txt").value);
 57 
 58                 //window.alert("tst2");
 59 
 60                 document.getElementById("txt").value="";
 61             }
 62             else
 63             {
 64                 //window.alert("tst3");
 65                 nmr2=Number(document.getElementById("txt").value);
 66             }
 67             
 68         }
 69 
 70         function add()
 71         {
 72             //window.alert("txt");
 73             sv();
 74 
 75             document.getElementById("txt").value="";
 76 
 77             if (window.svCnt==1)
 78             {
 79                 window.svCnt=2;
 80             }
 81             else
 82             {
 83                 //window.svCnt=1;
 84             }
 85             window.mtdClc=1;
 86             window.btn=1;
 87 
 88         }
 89         function sb()
 90         {
 91             sv();
 92 
 93             document.getElementById("txt").value="";
 94 
 95             if (window.svCnt==1)
 96             {
 97                 window.svCnt=2;
 98             }
 99             else
100             {
101                 //window.svCnt=1;
102             }
103             window.mtdClc=2;
104             window.btn=1;
105         }
106         function mlt()
107         {
108             sv();
109 
110             document.getElementById("txt").value="";
111 
112             if (window.svCnt==1)
113             {
114                 window.svCnt=2;
115             }
116             else
117             {
118                 //window.svCnt=1;
119             }
120             window.mtdClc=3;
121             window.btn=1;
122         }
123         function dvd()
124         {
125             sv();
126 
127             document.getElementById("txt").value="";
128 
129             if (window.svCnt==1)
130             {
131                 window.svCnt=2;
132             }
133             else
134             {
135                 //window.svCnt=1;
136             }
137             window.mtdClc=4;
138             window.btn=1;
139         }
140 
141         function eqv()
142         {
143             sv();
144 
145             //window.alert(window.nmr);
146             //window.alert(window.nmr2);
147 
148             if (mtdClc==1)
149             {
150                 txt.value=window.nmr+window.nmr2;
151             }
152 
153             if (mtdClc==2)
154             {
155                 txt.value=window.nmr-window.nmr2;
156             }
157 
158             if (mtdClc==3)
159             {
160                 txt.value=window.nmr*window.nmr2;
161             }
162 
163             if (mtdClc==4)
164             {
165                 
166                 document.getElementById("txt").value=window.nmr/window.nmr2;
167             }
168 
169             window.svCnt=1;
170             
171             window.rclc=1;
172 
173 
174         }
175 
176 
177 
178         
179 
180     script>
181 head>
182 body onload="init();">
183 
184     div id="dv">简单计算器 V1.0 By YoseZangdiv>
185     input type="text" id="txt">input>
186     br>
187 
188     table>
189         tr>
190             td>button class="btn" value="1" onclick="wrtChr(this.value);">1button>td>
191             td>button class="btn" value="2" onclick="wrtChr(this.value);">2button>td>
192             td>button class="btn" value="3" onclick="wrtChr(this.value);">3button>td>
193         tr>
194         tr>
195             td>button class="btn" value="4" onclick="wrtChr(this.value);">4button>td>
196             td>button class="btn" value="5" onclick="wrtChr(this.value);">5button>td>
197             td>button class="btn" value="6" onclick="wrtChr(this.value);">6button>td>
198         tr>
199         tr>
200             td>button class="btn" value="7" onclick="wrtChr(this.value);">7button>td>
201             td>button class="btn" value="8" onclick="wrtChr(this.value);">8button>td>
202             td>button class="btn" value="9" onclick="wrtChr(this.value);">9button>td>
203             
204         tr>
205     table>
206 
207 
208     button onclick="add();">+button>
209     button onclick="sb();">-button>
210     button onclick="mlt();">*button>
211     button onclick="dvd();">/button>
212     button onclick="eqv();">=button>
213 
214 
215        
216 
217 body>
218 html>

 

简单计算器 Html JavaScript By:YoseZang

标签:script   简单计算器   pre   initial   title   har   lang   rgba   java   

原文地址:https://www.cnblogs.com/yose/p/14175799.html


评论


亲,登录后才可以留言!