<HTML> <!-- Each documents commences in this manner.-->
<HEAD> <!-- Head section opened. Contains character set information and the title of your page, i.e., the one which appears in the top bar of your browser-->
<META http-equiv="Content-Type" content="text/html; charset=windows-1250"> <!-- Content and character set defined. Meta does not need to be closed-->
<TITLE> The Gender</TITLE> <!-- Title given, the title tag has to be closed-->
</HEAD> <!-- Head section closed-->
<BODY> <!-- Body section opened. Body contains all elements you see on your Web page.-->
<FORM> <!-- Form section opened. Forms contain elements you can fill out-->
To je <!-- Just words which appear on the screen-->
<!-- Input field opened for text to benetered, labeled as item1 with the size of 10 characters-->
<INPUT type="TEXT" name="item1" size="10" >
stolica. (This is a blue chair.) <!-- words you see on the screen-->
<!-- Button bellow described line by line-->
<!-- Button opened , labeled as button1-->
<!-- Onclick... If there is a click on the button-->
<!-- If 'plava' is written into the item1 -->
<!-- then display 'Tako je' in the item2 -->
<!-- else if 'plav' is written in the item1 -->
<!-- then display 'Ne, nije taj rod!' in the item2 -->
<!-- else if 'da' is written in the item1 -->
<!-- then display 'plava' in the item2 -->
<!-- else,i.e. in all other cases -->
<!-- display 'Ne, pokušajte ponovo!' in the item2 -->
<input type=button name="button1" value="Answer" Onclick="
if (form.item1.value == 'plava') {
(form.item2.value = 'Tako je!');
} else if (form.item1.value == 'plav') {
(form.item2.value = 'Ne, nije taj rod!');
} else if (form.item1.value == 'da') {
(form.item2.value = 'plava');
} else {
(form.item2.value = 'Ne, pokušajte ponovo.');}">
<INPUT type="TEXT" name="item2" size="30"> <!-- Input field number two, where results are displayed>
</FORM> <!-- form field closed-->
</BODY> <!-- body closed-->
</HTML> <!-- html closed-->