The user has to guess three words (data, string, info) So, when he enters one of the words, it will appear in one of the line of boxes. If he enters a wrong word an alert will appear. <html> <head> <script language="Javascript"> function Answer(){ } </script> </head> <body> <!--First Form--> <form name="project"> <INPUT TYPE="text" NAME="answer" SIZE="30" MAXLENGTH="6"> <INPUT TYPE="button" VALUE=" SUBMIT " onClick="Answer()"> </form> <!--Second Form--> <form name="myProject"> <tr> <td><input type="text" name="data1" size="1" value="" readonly=true></td> <td><input type="text" name="data2" size="1" value="" readonly=true></td> <td><input type="text" name="data3" size="1" value="" readonly=true></td> <td><input type="text" name="data4" size="1" value="" readonly=true></td> </tr> <br><br> <tr> <td><input type="text" name="string1" size="1" value="" readonly=true></td> <td><input type="text" name="string2" size="1" value="" readonly=true></td> <td><input type="text" name="string3" size="1" value="" readonly=true></td> <td><input type="text" name="string4" size="1" value="" readonly=true></td> <td><input type="text" name="string5" size="1" value="" readonly=true></td> <td><input type="text" name="string6" size="1" value="" readonly=true></td> </tr> <br><br> <tr> <td><input type="text" name="info1" size="1" value="" readonly=true></td> <td><input type="text" name="info2" size="1" value="" readonly=true></td> <td><input type="text" name="info3" size="1" value="" readonly=true></td> <td><input type="text" name="info4" size="1" value="" readonly=true></td> </tr> <br><br> </form> </body> </html> Code (markup):