1  <HTML>
  2  <HEAD>
  3  <TITLE>JavaScript Example:  Math Methods</TITLE>
  4  
  5  <SCRIPT LANGUAGE="JavaScript">
  6  <!-- hide script from old browsers
  7  
  8  function initialize(form) {
  9    with ( Math ) {
 10      form.abs_out.value   = abs(eval(form.abs_in.value));
 11      form.acos_out.value  = acos(eval(form.acos_in.value));
 12      form.asin_out.value  = asin(eval(form.asin_in.value));
 13      form.atan_out.value  = atan(eval(form.atan_in.value));
 14      form.ceil_out.value  = ceil(eval(form.ceil_in.value));
 15      form.cos_out.value   = cos(eval(form.cos_in.value));
 16      form.exp_out.value   = exp(eval(form.exp_in.value));
 17      form.floor_out.value = floor(eval(form.floor_in.value));
 18      form.log_out.value   = log(eval(form.log_in.value));
 19      form.round_out.value = round(eval(form.round_in.value));
 20      form.sin_out.value   = sin(eval(form.sin_in.value));
 21      form.sqrt_out.value  = sqrt(eval(form.sqrt_in.value));
 22      form.tan_out.value   = tan(eval(form.tan_in.value));
 23    }
 24  }
 25  
 26  // end script hiding -->
 27  </SCRIPT>
 28  
 29  </HEAD>
 30  
 31  <BODY BGCOLOR="#FFFFFF" 
 32        onLoad="initialize(document.forms[0])">
 33  
 34  <H2>Math methods (functions)</H2>
 35  
 36  <FORM>
 37  <TABLE>
 38  
 39  <TR>
 40  <TD>abs</TD>
 41  <TD>
 42    <INPUT TYPE="text" NAME="abs_in" VALUE="1 - 4"> =
 43    <INPUT TYPE="text" NAME="abs_out">
 44  </TD>
 45  <TD>
 46    <INPUT TYPE="button" VALUE="Compute" 
 47           onClick="with(Math) abs_out.value = abs(eval(abs_in.value))">
 48  </TD>
 49  </TR>
 50  
 51  <TR>
 52  <TD>acos</TD>
 53  <TD>
 54    <INPUT TYPE="text" NAME="acos_in" VALUE="-1"> =
 55    <INPUT TYPE="text" NAME="acos_out">
 56  </TD>
 57  <TD>
 58    <INPUT TYPE="button" VALUE="Compute" 
 59           onClick="with(Math) acos_out.value = acos(eval(acos_in.value))">
 60  </TD>
 61  </TR>
 62  
 63  <TR>
 64  <TD>asin</TD>
 65  <TD>
 66    <INPUT TYPE="text" NAME="asin_in" VALUE="1"> =
 67    <INPUT TYPE="text" NAME="asin_out">
 68  </TD>
 69  <TD>
 70    <INPUT TYPE="button" VALUE="Compute" 
 71           onClick="with(Math) asin_out.value = asin(eval(asin_in.value))">
 72  </TD>
 73  </TR>
 74  
 75  <TR>
 76  <TD>atan</TD>
 77  <TD>
 78    <INPUT TYPE="text" NAME="atan_in" VALUE="1"> =
 79    <INPUT TYPE="text" NAME="atan_out">
 80  </TD>
 81  <TD>
 82    <INPUT TYPE="button" VALUE="Compute" 
 83           onClick="with(Math) atan_out.value = atan(eval(atan_in.value))">
 84  </TD>
 85  </TR>
 86  
 87  <TR>
 88  <TD>ceil</TD>
 89  <TD>
 90    <INPUT TYPE="text" NAME="ceil_in" VALUE="1/2"> =
 91    <INPUT TYPE="text" NAME="ceil_out">
 92  </TD>
 93  <TD>
 94    <INPUT TYPE="button" VALUE="Compute" 
 95           onClick="with(Math) ceil_out.value = ceil(eval(ceil_in.value))">
 96  </TD>
 97  </TR>
 98  
 99  <TR>
100  <TD>cos</TD>
101  <TD>
102    <INPUT TYPE="text" NAME="cos_in" VALUE="PI"> =
103    <INPUT TYPE="text" NAME="cos_out">
104  </TD>
105  <TD>
106    <INPUT TYPE="button" VALUE="Compute" 
107           onClick="with(Math) cos_out.value = cos(eval(cos_in.value))">
108  </TD>
109  </TR>
110  
111  <TR>
112  <TD>exp</TD>
113  <TD>
114    <INPUT TYPE="text" NAME="exp_in" VALUE="1"> =
115    <INPUT TYPE="text" NAME="exp_out">
116  </TD>
117  <TD>
118    <INPUT TYPE="button" VALUE="Compute" 
119           onClick="with(Math) exp_out.value = exp(eval(exp_in.value))">
120  </TD>
121  </TR>
122  
123  <TR>
124  <TD>floor</TD>
125  <TD>
126    <INPUT TYPE="text" NAME="floor_in" VALUE="1.9"> =
127    <INPUT TYPE="text" NAME="floor_out">
128  </TD>
129  <TD>
130    <INPUT TYPE="button" VALUE="Compute" 
131           onClick="with(Math) floor_out.value = floor(eval(floor_in.value))">
132  </TD>
133  </TR>
134  
135  <TR>
136  <TD>log</TD>
137  <TD>
138    <INPUT TYPE="text" NAME="log_in" VALUE="exp(2)"> =
139    <INPUT TYPE="text" NAME="log_out">
140  </TD>
141  <TD>
142    <INPUT TYPE="button" VALUE="Compute" 
143           onClick="with(Math) log_out.value = log(eval(log_in.value))">
144  </TD>
145  </TR>
146  
147  <TR>
148  <TD>round</TD>
149  <TD>
150    <INPUT TYPE="text" NAME="round_in" VALUE="(1 - sqrt(2))/2"> =
151    <INPUT TYPE="text" NAME="round_out">
152  </TD>
153  <TD>
154    <INPUT TYPE="button" VALUE="Compute" 
155           onClick="with(Math) round_out.value = round(eval(round_in.value))">
156  </TD>
157  </TR>
158  
159  <TR>
160  <TD>sin</TD>
161  <TD>
162    <INPUT TYPE="text" NAME="sin_in" VALUE="PI/2"> =
163    <INPUT TYPE="text" NAME="sin_out">
164  </TD>
165  <TD>
166    <INPUT TYPE="button" VALUE="Compute" 
167           onClick="with(Math) sin_out.value = sin(eval(sin_in.value))">
168  </TD>
169  </TR>
170  
171  <TR>
172  <TD>sqrt</TD>
173  <TD>
174    <INPUT TYPE="text" NAME="sqrt_in" VALUE="2"> =
175    <INPUT TYPE="text" NAME="sqrt_out">
176  </TD>
177  <TD>
178    <INPUT TYPE="button" VALUE="Compute" 
179           onClick="with(Math) sqrt_out.value = sqrt(eval(sqrt_in.value))">
180  </TD>
181  </TR>
182  
183  <TR>
184  <TD>tan</TD>
185  <TD>
186    <INPUT TYPE="text" NAME="tan_in" VALUE="PI/4"> =
187    <INPUT TYPE="text" NAME="tan_out">
188  </TD>
189  <TD>
190    <INPUT TYPE="button" VALUE="Compute" 
191           onClick="with(Math) tan_out.value = tan(eval(tan_in.value))">
192  </TD>
193  </TR>
194  
195  </TABLE>
196  </FORM>
197  <P>
198  
199  Other methods include:  max(*,*), min(*,*), pow(*,*), and random(*).
200  
201  </BODY>
202  </HTML>