Buttons can be used to provide functionality for a web page. For example, click on the button below and view the results.
<![CDATA[
<FORM NAME="add">
<FONT FACE="Courier New">
<INPUT TYPE="text" NAME="abox" SIZE=3 MAXLENGTH=3 VALUE="1">+
<INPUT TYPE="text" NAME="bbox" SIZE=3 MAXLENGTH=3 VALUE="2">=
<INPUT TYPE="text" NAME="sumbox" SIZE=4 MAXLENGTH=4 VALUE="">
<INPUT TYPE="BUTTON" VALUE="SUM"
onClick="this.form.sumbox.value =
eval(this.form.abox.value) + eval(this.form.bbox.value)"><BR>
</FONT>
</FORM>
]]>
Using your Javascript knowledge, you can create button functionality that can provide feedback to users that are guessing the answers to the sum. For example
<![CDATA[
<FORM NAME="addGuess">
<FONT FACE="Courier New">
<INPUT TYPE="text" NAME="abox" SIZE=3 MAXLENGTH=3 VALUE="1">+
<INPUT TYPE="text" NAME="bbox" SIZE=3 MAXLENGTH=3 VALUE="2">=
<INPUT TYPE="text" NAME="sumbox" SIZE=4 MAXLENGTH=4 VALUE="">
<INPUT TYPE="BUTTON" VALUE="CHECK"
onClick="var a = eval(this.form.abox.value); var b = eval(form.bbox.value);
var sum = eval(this.form.sumbox.value);
if (a + b == sum) this.form.feedback.value='Very Good';
if (a + b != sum) this.form.feedback.value='Sorry';" >
<INPUT TYPE="text" NAME="feedback" SIZE=10 MAXLENGTH=10 VALUE="">
</FONT>
</FORM>
]]>
|