Create a Java Script Calculater

Java and html code for a calculater

There is a code which we develop to display body of calculator. A html form is used to show all digits, and signs. The output is shown in a text box. Where you can fill digits and sign by using calculator keyboard or directly your desktop keyboard. We use java script for mathematic calculations. The html form send the values to a java function (we name it cal), it calculate the values and display these values in form input text box. We use style sheet to format the form and body display of form.

Now type the following code in note pad and save it as calculator.html

<table>
 <tr><th colspan=4>
 <h2>Easy Calculater By GstaDeveloper <a href=http://www.gstadeveloper.com >Get More Softwares / Tools</a></h2>
 <br>
 <input type="text" name="tex1" value="" id="dis" size=40 >
 <h1>GstaDeveloper.com</h1>
 </th></tr>
 
 <tr>
 
 <td><input type = "button" value = " 7 " onClick = "cal('7')"></td>
 <td><input type = "button" value = " 8 " onClick = "cal('8')"></td>
 <td><input type = "button" value = " 9 " onClick = "cal('9')"></td>
 <td><input type = "button" value = " * " onClick = "cal('*')"></td></tr><tr>
   <td><input type = "button" value = " 4 " onClick = "cal('4')"></td>
	 <td><input type = "button" value = " 5 " onClick = "cal('5')"></td>
	  <td><input type = "button" value = " 6 " onClick = "cal('6')"></td>
	   <td><input type = "button" value = " / " onClick = "cal('/')"></td></tr><tr>
	    <td><input type = "button" value = " 1 " onClick = "cal('1')"></td>
		 <td><input type = "button" value = " 2 " onClick = "cal('2')"></td>
		  <td><input type = "button" value = " 3 " onClick = "cal('3')"></td>
		   <td><input type = "button" value = " - " onClick = "cal('-')"></td></tr><tr>
		     <td><input type = "button" value = " 0 " onClick = "cal('0')"></td>
			  <td><input type = "button" value = " c " onClick = "cal('c')"></td>
			  <td><input type = "button" value = " = " onClick = "cal('=')"></td>
			  <td><input type = "button" value = " + " onClick = "cal('+')"></td>
</tr>
</table>
</form>
<br />

</center>

</body>
</html>

This is java function for calculator; place it in head of calculator.html. This java code gets form values and does calculation according to the received command.

This is style sheet code place it also in head section of calclulator.html
Place this file in head of calculator.html file

Full Calcultor code Download Now

Java and html code for a calculater

Links