Assignment4

<!DOCTYPE html>
<html>
    <head>
        <title>Assignment #4</title>
    </head>
    <body>
        <script type="text/javascript">
            var k=0;
            var r=0;
            var t=0;
            function dt()
                {
                    div=document.getElementById('ins');
                    div.innerHTML='<table border="0" cellspacing="0"><tr><th>Mouse Click</th><th>Mouse Over</th><th>Mouse Out</th></tr><tr><td>'+k+'</td><td>'+r+'</td><td>'+t+'</td></tr></table>';
                }
            function clk()
                {
                    this.k++;
                    console.log(k);
                }
            function ntr()
                {
                    this.r++;
                    console.log(r);
                }
            function msout()
                {
                    this.t++;
                    console.log(t);
                }
        </script>
        <style type="text/css">
            #ins{
                font-family:"Franklin Gothic Medium Cond",sans-serif;
                font-size:0.93em;
                text-align:center;
            }
            td,th{
                padding:10px;
                margin:0px;
                border:1px #CCC solid;
            }
        </style>
        <img src="v.jpg" width="200" height="200" id="imgs" style="border:1px solid #CCC;" onclick="clk()" onmouseover="ntr()" onmouseout="msout()"/>
        <br />
        <input type="button" value="Click" onclick="dt()">
        <br />
        <br />
        <div id="ins"> </div>
    </body>
</html>