Created September 29 1999; Modified October 2002
Auto-Calculator
Source Code: JavaScript
<script type="text/javascript" language="Javascript"> <!--// function validateLegalNumberCharacters(inString){ var myLen=inString.length-1; var validChar='0123456789.'; for ( var i=0;i<myLen;i++ ) { if (validChar.indexOf(inString.substring(i,i+1)) == -1) { alert('Please enter only numbers.'); break; } else { doTheMath(); } } } function doTheMath() { mathForm = document.fm; a = mathForm.num_one.value; p = mathForm.wc.options[mathForm.wc.selectedIndex].value; b = mathForm.num_two.value; c = eval(a+p+b+''); mathForm.num_answer.value=c; } //--> </script>
Source Code: HTML
<form name="fm" action="./" onsubmit="return false;"> <table width="100%" cellpadding="15" cellspacing="0" border="0"> <tr><td align="center"> <input name="num_one" value="2" onchange="validateLegalNumberCharacters(this.value);" class="Big" size="6"> <select name="wc" onchange="doTheMath();" class="Big"> <option value="+" checked> + </option> <option value="-"> - </option> <option value="/"> / </option> <option value="*"> * </option> </select> <input name="num_two" value="3" onchange="validateLegalNumberCharacters(this.value);" class="Big" size="6"> <big class="Big">=</big> <input name="num_answer" value="5" onfocus="document.fm.num_one.focus();" class="Big" size="6"> </td></tr></table> </form>
Source Code
<script type="text/javascript" language="Javascript"> <!--// function validateLegalNumberCharacters(inString){ var myLen=inString.length-1; var validChar='0123456789.'; for ( var i=0;i<myLen;i++ ) { if (validChar.indexOf(inString.substring(i,i+1)) == -1) { alert('Please enter only numbers.'); break; } else { doTheMath(); } } } function doTheMath() { mathForm = document.fm; a = mathForm.num_one.value; p = mathForm.wc.options[mathForm.wc.selectedIndex].value; b = mathForm.num_two.value; c = eval(a+p+b+''); mathForm.num_answer.value=c; } //--> </script>