SHOW:
|
|
- or go back to the newest paste.
1 | <HEAD> | |
2 | <style type='text/css'> | |
3 | body { | |
4 | font-family: "Chalkduster"; | |
5 | } | |
6 | h1, h2, h3, h4, h5, h6 { | |
7 | display: inline; | |
8 | margin: 0; | |
9 | font-weight: normal; | |
10 | } | |
11 | input | |
12 | { | |
13 | font-family: "Chalkduster"; | |
14 | font-size:0.95em; | |
15 | } | |
16 | ||
17 | </style> | |
18 | ||
19 | ||
20 | <script type="text/javascript"> | |
21 | <!-- | |
22 | /* This script and many more are available free online at | |
23 | The JavaScript Source!! http://www.javascriptsource.com | |
24 | Created by: Matthew Roy :: http://matthewroy.com */ | |
25 | ||
26 | /***************************************** | |
27 | ** Matthew C. Roy | |
28 | ** Big Business Websites | |
29 | ** For Small Business Prices! | |
30 | ** http://www.matthewroy.com | |
31 | ** | |
32 | ** You may use this script freely for | |
33 | ** non-commercial use as long | |
34 | ** as this header is left intact. | |
35 | *****************************************/ | |
36 | ||
37 | var n1, n2, d1, d2, An, Ad, Op; | |
38 | - | var int |
38 | + | |
39 | ||
40 | function solve(){ | |
41 | zeroing() | |
42 | //If all fields are numbers | |
43 | if(!isNaN(document.calc.n1.value)&&!isNaN(document.calc.d1.value)&&!isNaN(document.calc.n2.value)&&!isNaN(document.calc.d2.value)){ | |
44 | //If no fields are blank | |
45 | if(document.calc.n1.value!=''&&document.calc.d1.value!=''&&document.calc.n2.value!=''&&document.calc.d2.value!=''){ | |
46 | //Set variables: | |
47 | n1=document.calc.n1.value;// Numerator 1 | |
48 | d1=document.calc.d1.value;// Numerator 2 | |
49 | n2=document.calc.n2.value;// Denominator 1 | |
50 | d2=document.calc.d2.value;// Denominator 2 | |
51 | Op=document.calc.Op.value;// Operator | |
52 | } else { | |
53 | //If blank field | |
54 | alert('Please fill-in all fields!'); | |
55 | } | |
56 | } else { | |
57 | //If field has non-number | |
58 | alert('Please enter only Numbers into the fields!'); | |
59 | } | |
60 | ||
61 | //Which Operation | |
62 | switch (Op){ | |
63 | case '+': | |
64 | //add fractions using formula ((n1*d2)+(n2*d1)) over (d1*d2) | |
65 | if (d1==d2){ | |
66 | Ad=d1; //Answer Denominator | |
67 | An=parseInt(n1)+parseInt(n2); //Answer Numerator | |
68 | } | |
69 | else{ | |
70 | if (Math.max(d1,d2) % Math.min(d1,d2) == 0){ | |
71 | Ad=Math.max(d1,d2) //Answer Denominator | |
72 | An=parseInt(Ad/d1*n1) + parseInt(Ad/d2*n2) //Answer Numerator | |
73 | } | |
74 | else{ | |
75 | Ad=(d1*d2) //Answer Denominator | |
76 | An=parseInt(n1*d2)+parseInt(n2*d1) //Answer Numerator | |
77 | } | |
78 | } | |
79 | if(document.calc.reduce.checked==1){ | |
80 | reduce(); | |
81 | } else { | |
82 | display(); | |
83 | document.calc.Anr.value = An; | |
84 | document.calc.Adr.value = Ad; | |
85 | } | |
86 | break | |
87 | ||
88 | case '-': | |
89 | //subtract fractions using formula ((n1*d2)-(n2*d1)) over (d1*d2) | |
90 | if (d1==d2){ | |
91 | Ad=d1; //Answer Denominator | |
92 | An=(n1-n2); //Answer Numerator | |
93 | } | |
94 | else{ | |
95 | if (Math.max(d1,d2) % Math.min(d1,d2) == 0){ | |
96 | Ad=Math.max(d1,d2) //Answer Denominator | |
97 | An=Ad/d1*n1 - Ad/d2*n2 //Answer Numerator | |
98 | } | |
99 | else{ | |
100 | Ad=(d1*d2) //Answer Denominator | |
101 | An=(n1*d2)-(n2*d1) //Answer Numerator | |
102 | } | |
103 | } | |
104 | if(document.calc.reduce.checked==1){ | |
105 | reduce(); | |
106 | } else { | |
107 | display(); | |
108 | document.calc.Anr.value = An; | |
109 | document.calc.Adr.value = Ad; | |
110 | } | |
111 | break | |
112 | ||
113 | case '*': | |
114 | //multiply fractions using formula (n1*n2) over (d1*d2) | |
115 | An=n1*n2;//Answer Numerator | |
116 | Ad=d1*d2; //Answer Denominator | |
117 | if(document.calc.reduce.checked==1){ | |
118 | reduce(); | |
119 | } else { | |
120 | display(); | |
121 | } | |
122 | break | |
123 | ||
124 | case '/': | |
125 | //divide fractions using formula (n1*d2) over (d1*n2) | |
126 | An=n1*d2;//Answer Numerator | |
127 | Ad=d1*n2;//Answer Denominator | |
128 | if(document.calc.reduce.checked==1){ | |
129 | reduce(); | |
130 | } else { | |
131 | display(); | |
132 | } | |
133 | break | |
134 | } | |
135 | } | |
136 | ||
137 | function reduce() { | |
138 | neg=1; //1 if positive, -1 if negative | |
139 | //convert to strings | |
140 | ng=An+''; | |
141 | dg=Ad+'' | |
142 | if(ng.indexOf('-')!=-1){ //check to see if answer is negative. | |
143 | neg=-1 | |
144 | } | |
145 | if(dg.indexOf('-')!=-1){ | |
146 | neg=-1 | |
147 | } | |
148 | if(ng.indexOf('-')!=-1&&dg.indexOf('-')!=-1) {//if both numerator and denominator are negative the answer is positive | |
149 | neg=1 | |
150 | } | |
151 | var factorX //highest common factor | |
152 | ||
153 | if ( An == 0 || Ad == 0 ) { | |
154 | factorX=1; | |
155 | return; | |
156 | } | |
157 | ||
158 | An = Math.abs( An ); | |
159 | Ad = Math.abs( Ad ); | |
160 | ||
161 | var factorX = 1; | |
162 | ||
163 | //Find common factors of Numerator and Denominator | |
164 | for ( var x = 2; x <= Math.min( An, Ad ); x ++ ) { | |
165 | var check1 = An / x; | |
166 | if ( check1 == Math.round( check1 ) ) { | |
167 | var check2 = Ad / x; | |
168 | if ( check2 == Math.round( check2 ) ) { | |
169 | factorX = x; | |
170 | } | |
171 | } | |
172 | } | |
173 | ||
174 | Anr=(An/factorX)//*neg; //divide by highest common factor to reduce fraction then multiply by neg to make positive or negative | |
175 | Adr=Ad/factorX; //divide by highest common factor to reduce fraction | |
176 | ||
177 | document.calc.An.value = An*neg; | |
178 | document.calc.Ad.value = Ad; | |
179 | document.calc.Anr.value = Anr*neg; | |
180 | document.calc.Adr.value = Adr; | |
181 | ||
182 | } | |
183 | ||
184 | function display(){ | |
185 | //Display answer | |
186 | document.calc.An.value = An; | |
187 | document.calc.Ad.value = Ad; | |
188 | document.calc.Anr.value = An; | |
189 | document.calc.Adr.value = Ad; | |
190 | } | |
191 | ||
192 | function zeroing(){ | |
193 | //if denominator is 0 | |
194 | if (document.calc.d1.value=="0" || document.calc.d2.value=="0"){ | |
195 | alert("QU\xC9"); | |
196 | document.calc.An.value = "x"; | |
197 | document.calc.Ad.value = "x"; | |
198 | document.calc.Anr.value = "x"; | |
199 | document.calc.Adr.value = "x"; | |
200 | } | |
201 | } | |
202 | ||
203 | // --> | |
204 | </script> | |
205 | </HEAD> | |
206 | ||
207 | - | <td style="border-bottom:4px #000000 solid;"><input type="text" onkeypress="return event.charCode >= 49 && event.charCode <= 57" size="1" name="n1" id="n1" tabindex="1"></td> |
207 | + | |
208 | ||
209 | <BODY> | |
210 | ||
211 | <table width="250" align="center" border="0" cellspacing="0" cellpadding="1" style="background-color:#ffffff;border:1px #000000 solid;"> | |
212 | <tr> | |
213 | <td align="center" valign="middle"> | |
214 | <h3>Calculadora de Quebrados</h4> | |
215 | <form name="calc"> | |
216 | - | <td style="border-bottom:4px #000000 solid;"><input type="text" onkeypress="return event.charCode >= 49 && event.charCode <= 57" size="1" name="n2" id="n2" tabindex="4"></td> |
216 | + | |
217 | <tr> | |
218 | <td style="border-bottom:4px #000000 solid;"><input type="text" onkeypress="return event.charCode >= 48 && event.charCode <= 57" size="1" name="n1" id="n1" tabindex="1"></td> | |
219 | <td rowspan="2" align="center" valign="middle"> | |
220 | <select name="Op" tabindex="3"> | |
221 | <option value="+">+</option> | |
222 | <option value="-">-</option> | |
223 | <option value="*">x</option> | |
224 | - | <td><input type="text" onkeypress="return event.charCode >= 49 && event.charCode <= 57" size="1" name="d1" id="d1" tabindex="2"></td> |
224 | + | |
225 | - | <td><input type="text" onkeypress="return event.charCode >= 49 && event.charCode <= 57" size="1" name="d2" id="d2" tabindex="5"></td> |
225 | + | |
226 | </td> | |
227 | <td style="border-bottom:4px #000000 solid;"><input type="text" onkeypress="return event.charCode >= 48 && event.charCode <= 57" size="1" name="n2" id="n2" tabindex="4"></td> | |
228 | <td rowspan="2" align="center" valign="middle"><input type="button" value=" = "onClick="solve();" tabindex="6"></td> | |
229 | <td style="border-bottom:4px #000000 solid;"><input type="text" size="1" name="An" id="An" readonly="1"></td> | |
230 | <td rowspan="2" align="center" valign="middle">=</td> | |
231 | <td style="border-bottom:4px #000000 solid;"><input type="text" size="1" name="Anr" id="Anr" readonly="1"></td> | |
232 | ||
233 | </tr> | |
234 | <tr> | |
235 | <td><input type="text" onkeypress="return event.charCode >= 48 && event.charCode <= 57" size="1" name="d1" id="d1" tabindex="2"></td> | |
236 | <td><input type="text" onkeypress="return event.charCode >= 48 && event.charCode <= 57" size="1" name="d2" id="d2" tabindex="5"></td> | |
237 | <td><input type="text" size="1" name="Ad" id="Ad" readonly="1"></td> | |
238 | <td><input type="text" size="1" name="Adr" id="Adr" readonly="1"></td> | |
239 | </tr> | |
240 | </table> | |
241 | <br><input type="checkbox" name="reduce" id="reduce" checked> Reducir | |
242 | </form> | |
243 | </td> | |
244 | </tr> | |
245 | </table> |