Okay, I have done everything that I can to try and figure this one out...I am stumped. I need to display the flag of the specific country when the radio button of that flag is clicked.

The book states: Create a Web Page that contains a table with two columns in a single row. In the first column, create a list of radio buttons that contains the name of each of the 10 countries. In the second column, display the flag of the selected country in an anchor element. Use onclick even handlers to display the flag image for each selected country. When the page first loads, the image should be blank.

Here is my code:

<!DOCTYPE HTML>

<!--My Name-->
<!--Chapter 8 Page 478-->
<!--October 28, 2011-->

<html>

<head>

<title>Country Flags</title>

<script type="text/javascript">
/* <![CDATA[ */

var argentina = "argentina.jpg"

var australia = "australia.jpg"

var bolivia = "bolivia.jpg"

var cuba = "cuba.jpg"

var finland = "finland.jpg"

var france = "france.jpg"

var italy = "italy.jpg"

var peru = "peru.jpg"

var syria = "syria.jpg"

var tunisia = "tunisia.jpg"
/* ]] */
</script>

</head>

<body>

<form name="flags" action=" " method="get">
<table style="border: 1; width: 100%">
<tr valign="top">
<td>


<input type="radio" name="flags" onclick=
"document.argentina.jpg" />
Argentina <br />

<input type="radio" name="flags" onclick=
"document.flags.country.value=australia" />
Australia <br />

<input type="radio" name="flags" onclick=
"document.flags.country.value=bolivia" />
Bolivia <br />

<input type="radio" name="flags" onclick=
"document.flags.country.value=cuba" />
Cuba <br />

<input type="radio" name="flags" onclick=
"document.flags.country.value=finland" />
Finland <br />

<input type="radio" name="flags" onclick=
"document.flags.country.value=france" />
France <br />

<input type="radio" name="flags" onclick=
"document.flags.country.value=italy" />
Italy <br />

<input type="radio" name="flags" onclick=
"document.flags.country.value=peru" />
Peru <br />

<input type="radio" name="flags" onclick=
"document.flags.country.value=syria" />
Syria <br />

<input type="radio" name="flags" onclick=
"document.flags.country.value=tunisia" />
Tunisia <br />
</td>
</p>
<td>

<textarea name="country" cols="75" rows="20"
style="background-color: Transparent;
border: none; overflow: hidden"></textarea>
</td>
</tr>
</table>
</form>
</p>
</body>
</html>

Can someone please help me out here. Thanks.