Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html>
<head>

    <style type="text/css">

    body {
    background-color: aqua;
    }

    </style>

    <title></title>
</head>

<body>
    <h1>CIS 2450 Lab 04 And more JavaScript.</h1>

    <p>Click on an image to see if you guessed correctly. The image will return white if you did, or red if you did not.</p>


    <script type="text/javascript">

    function myFunction(arg1, arg2, arg3){

    document.getElementById(arg1).style.backgroundColor = arg3;

    document.getElementById(arg1).alert(arg2);

    }
    </script>

    <table border="1">
        <tr>
            <td><a href=""><img src="groucho.gif" width="150" height="150" alt="groucho" id="groucho" onclick="return myfunction('groucho', 'Incorrect', 'purple');"></a></td>

            <td><a href=""><img src="keaton.gif" width="150" height="150" alt="keaton" id="keaton" onclick="return myfunction('keaton', 'Correct', 'red');"></a></td>

            <td><a href=""><img src="kmarx.gif" width="150" height="150" alt="kmarx" id="kmarx" onclick="return myfunction('kmarx', 'Correct', 'red');"></a></td>
        </tr>

        <tr>
            <td><a href=""><img src="darwin.gif" width="150" height="150" alt="darwin" id="darwin" onclick="return myfunction('darwin', 'Correct', 'red');"></a></td>

            <td><a href=""><img src="poe.gif" width="150" height="150" alt="poe" id="poe" onclick="return myfunction('poe', 'Incorrect', 'purple');"></a></td>

            <td><a href=""><img src="einstein.gif" width="150" height="150" alt="einstein" id="einstein" onclick="return myfunction('einstein', 'Correct', 'red');"></a></td>
        </tr>
    </table>
</body>
</html>