Simple script not working on my html code for my site : <p>I am learning HTML and Javascript, but it seems I did something wrong and I can't figure it out, why won't my script work? It is supposed to change the size of the image when you hover over with the mouse. I'm just investigating to learn how to do stuff.</p>

<pre><code>&lt;!doctype html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt; Kikito's Sprites  &lt;/title&gt;
    &lt;/head&gt;
    &lt;body style="background-color:#ffc299"&gt;
        &lt;div&gt;
                &lt;h1 style="color:white"&gt; Kikito Loco Sprite Showcaserino &lt;/h1&gt;


                &lt;img onmouseover="descriptiveTextImg(this)" onmouseout="normalImg(this)" src="monigoteTransparencia.png" alt="Amicable Anthony" style="position:absolute;top:100px;left:-50px;width:300px;height:300px;"&gt;               
                &lt;img src="ballinBob.png" alt="Ballin Bob" style="position:absolute;top:90px;left:130px;width:300px;height:300px;"&gt;

                &lt;img src="severedArm.png" alt="just some pixel gore" style= "position:absolute;top:350px;left:-40px;width:300px;height:300px;"&gt;
                &lt;img src="shinySkin.png" alt="Shiny Skin" style="position:absolute;top:350px;left:200px;width:300px;height:300px;"&gt;
                &lt;img src="bigBall.png" alt="a cannonball" style= "position:absolute;top:640px;left:-40px;width:300px;height:300px;"&gt;
                &lt;/div&gt;


         &lt;script&gt;
             function descriptiveTextImg(x) 
             {
             x.style.width = 400px;
             x.style.height = 400px;
             }

             function normalImg(x) 
             {
             x.style.width = 300px;
             x.style.height = 300px;
             }

         &lt;/script&gt;

    &lt;/body&gt;
&lt;/html&gt;
</code></pre>
