1. Categories >> Code Snippets >> Scripts_Markup Code >> JavaScript Code
  2. Suggest New Category

<html>
<head>
<title>BASIC CALCULATOR</title>
</head>
<script language= "javascript">
function= setValue(){
var a_term1
</script>
<body>
<center>
<table>

<tr>
<td><input type="text" id="text box1" style="width:50px">
</td>
<td><input type="text" id="text box2" style="width:40px">
</td>
<td><input type="text" id="text box3" style="width:50px">
</td>
</tr>
</table>
<table>
<tr>
<td><input type="text" id="text box4" ></td>
</tr>
</table>
<table>
<tr>
<td><input type= "button" value= "7" onClick="" ></td>
<td><input type= "button" value= "8" onClick="" ></td>
<td><input type= "button" value= "9" onClick="" ></td>
<td><input type= "button" value= "/" onClick="" ></td>
</tr>
<td><input type= "button" value= "4" onClick="" ></td>
<td><input type= "button" value= "5" onClick="" ></td>
<td><input type= "button" value= "6" onClick="" ></td>
<td><input type= "button" value= "*" onClick="" ></td>
</tr>
<td><input type= "button" value= "1" onClick="" ></td>
<td><input type= "button" value= "2" onClick="" ></td>
<td><input type= "button" value= "3" onClick="" ></td>
<td><input type= "button" value= "-" onClick="" ></td>
</tr>
<td><input type= "button" value= "0" onClick="" ></td>
<td><input type= "button" value= "C" onClick="" ></td>
<td><input type= "button" value= "=" onClick="" ></td>
<td><input type= "button" value= "+" OnClick="" ></td>

</table>
</center>

</body>
<hr/>
</html>
how do i make the calculator work now

Question Posted / lokesh ketha

Answer Posted / lokesh ketha

I dont know ya name.. but, dude.. your code wont work coz
you are using 3 input text boxes as itz impossible to
calculate the result between three boxes. instead u can use
a single input box. even your code have couple of mistakes.
i have made necessary changes, n even filled your
blankz(which was your actual question) to make the
calculator work perfectly! check it out!

<html>
<head> <title>BASIC CALCULATOR</title> </head>
<script language= "javascript"> function= setValue(){ var
a_term1 </script>
<body>
<form name="cal">
<center>
<table> <tr> <td><input type="text" id="box1"
style="width:180px"> </td> </tr> </table>
<table> <tr> <td><input type="text" id="box2"
style="width:120px"></td> </tr> </table>
<table>
<tr> <td><input type= "button" value= "7"
onClick="document.cal.box1.value+='7' " ></td> <td><input
type= "button" value= "8"
onClick="document.cal.box1.value+='8' " ></td> <td><input
type= "button" value= "9"
onClick="document.cal.box1.value+='9' " ></td> <td><input
type= "button" value= "/"
onClick="document.cal.box1.value+='/' " ></td> </tr>
<tr><td><input type= "button" value= "4"
onClick="document.cal.box1.value+='4' " ></td> <td><input
type= "button" value= "5"
onClick="document.cal.box1.value+='5' " ></td> <td><input
type= "button" value= "6"
onClick="document.cal.box1.value+='6' " ></td> <td><input
type= "button" value= "*"
onClick="document.cal.box1.value+='*' " ></td> </tr>
<tr><td><input type= "button" value= "1"
onClick="document.cal.box1.value+='1' " ></td> <td><input
type= "button" value= "2"
onClick="document.cal.box1.value+='2' " ></td> <td><input
type= "button" value= "3"
onClick="document.cal.box1.value+='3' " ></td> <td><input
type= "button" value= "-"
onClick="document.cal.box1.value+='-' " ></td> </tr>
<tr><td><input type= "button" value= "0"
onClick="document.cal.box1.value+='0' " ></td> <td><input
type= "button" value= "C"
onClick="document.cal.box1.value='',document.cal.box2.value=''
" ></td> <td><input type= "button" value= "="
onClick="document.cal.box2.value=eval(document.cal.box1.value)"
></td> <td><input type= "button" value= "+"
OnClick="document.cal.box1.value+='+' " ></td></tr>
</table> </center></form> </body> <hr/> </html>

Is This Answer Correct ?    2 Yes 2 No



Post New Answer       View All Answers


Please Help Members By Posting Answers For Below Questions

write a code that user can choose/alter Body Text Size

1608

code to detect availability of cookies

1786

code to create a new window

1754

code to sorting an array of objects

1987

how to transform XML Data into HTML

1900




how to Auto Scroll the page

1633

Create a Menu that can be activated while clicking on Right Mouse button

1707

Reading which Non-Character Key was pressed

1689

code to detect versions of different browsers like internet explorer, netscape, mozilla, opera etc

1738

code to positioning of window in certain dimensions

1666

communication between main window and new windows

1701

Create a ViewState Property?

2284

code to keep a page Out of the browser history

1653

how to pass data between pages using Frames

2147

I have a doubt regarding including tags in a function. I have written a function in javascript in a html page. The function got called by clicking a button, i want to display the results in same html page by placing tags in the function. (this hmtl page is static page) Is this possible? example: