E
Eric
I'm new to JavaScript and I wrote this code to play with. Oddly, if I
enter text in a box and then press the button, I only get the onChange
event for the text box and not the button's onclick event. But if I
press the button without entering text first, the button click event
does work. What's up?
<html>
<body>
<h3>Events on Buttons and Text Boxes</h3>
<input id="myTextBox1" type="text" onChange="doChange1()" /> <br />
<input id="myTextBox2" type="text" onChange="doChange2()" /> <br />
<input id="myButton" type="button" onclick="doClick()" value="Click me"
/>
<script type="text/javascript">
function doChange1(e)
{
var val = document.getElementById("myTextBox1").value;
alert("You typed: " + val);
}
function doChange2(e)
{
var val = document.getElementById("myTextBox2").value;
alert("You typed: " + val);
}
function doClick(e)
{
var _num = prompt("Enter a number", "100");
alert("You typed: " + _num); // number converted to string
automatically
}
</script>
</body>
</html>
enter text in a box and then press the button, I only get the onChange
event for the text box and not the button's onclick event. But if I
press the button without entering text first, the button click event
does work. What's up?
<html>
<body>
<h3>Events on Buttons and Text Boxes</h3>
<input id="myTextBox1" type="text" onChange="doChange1()" /> <br />
<input id="myTextBox2" type="text" onChange="doChange2()" /> <br />
<input id="myButton" type="button" onclick="doClick()" value="Click me"
/>
<script type="text/javascript">
function doChange1(e)
{
var val = document.getElementById("myTextBox1").value;
alert("You typed: " + val);
}
function doChange2(e)
{
var val = document.getElementById("myTextBox2").value;
alert("You typed: " + val);
}
function doClick(e)
{
var _num = prompt("Enter a number", "100");
alert("You typed: " + _num); // number converted to string
automatically
}
</script>
</body>
</html>