0

I'm trying to make a simple calculator and whenever I want to add text to the textfield(say a number) it will show up, then will dissapear.

function display(number)
			{
				var x = document.form1.displayText;
				x.value = number;
			}

This is how I'm doing it, but why is the text dissapearing right after it appears?
Note: This method is called whenever one of the number buttons is clicked.

2
Contributors
4
Replies
5
Views
12 Years
Discussion Span
Last Post by server_crash
0

It's impossible to tell with only the code you showed. Nothing in those two lines would cause the text to disappear.

0

I know, that's what I don't understand. It' almost like it's refreshing the page or something. Here's the code I've got. I know the thing looks really ugly but I'm a beginner at JavaScript:

<html><head>
		<title>JavaScript Calculator</title>	
		<script language="JavaScript" type="text/javascript">
			function display(number)
			{
				var x = document.form1.displayText;
				x.value = number;
			}
		</script>
      </head>
      <body>
        <form name="form1">
      	<table>
		<tr>
			<input type="text" name="displayText" size="30">
		</tr>
		<tr>
			<td><input type="submit" value="7" name="button7"
			     onClick="display('7')"></td>
			<td><input type="submit" value="8" name="button8"
			     onClick="display(8)"></td>
			<td><input type="submit" value="9" name="button9"
			     onClick="display(9)"></td>
			<td><input type="submit" value="/" name="buttonDivide"></td>
			<td><input type="submit" value="sqrt" name="buttonRoot"></td>
		</tr>
		<tr>
			<td><input type="submit" value="4" name="button4"
				onClick="display(4)"></td>
			<td><input type="submit" value="5" name="button5"
				onClick="display(5)"></td>
			<td><input type="submit" value="6" name="button6"
				onClick="display(6)"></td>
			<td><input type="submit" value="*" name="buttonMultiply"></td>
			<td><input type="submit" value="^2" name="buttonSquare"></td>
		</tr>
		<tr>
			<td><input type="submit" value="1" name="button1"
				onClick="display(1)"></td>
			<td><input type="submit" value="2" name="button2"
				onClick="display(2)"></td>
			<td><input type="submit" value="3" name="button3"
				onClick="display(3)"></td>
			<td><input type="submit" value="-" name="buttonMinus"></td>
			<td><input type="submit" value="1/x" name="buttonOneX"></td>
		</tr>
		<tr>
			<td><input type="submit" value="0" name="button0"
				onClick="display(0)"></td>
			<td><input type="submit" value="." name="buttonPeriod"></td>
			<td><input type="submit" value="+/-" name="buttonPlusOrMinus"></td>
			<td><input type="submit" value="+" name="buttonPlus"></td>
			<td><input type="submit" value="=" name="buttonEquals"></td>
		</tr>
	</table>
	</form>
     </body>
0

That's exactly what's happening, because of all your submit buttons. You are submitting the form... that's not what you want to do. Change all the "submit" to "button".

0

THANK YOU so much. I would have never spotted or known what was happening.

Thanks for helping.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.