java script dice game issue
<p>Having a slight issue calling a math.random image for a dice game. When I click the roll button the image does not change. I have the images saved where the .html file is. Any help is much appreciated!</p>

<p></p>

<p></p>

<pre><code>&lt;head&gt;
    &lt;meta charset = "utf-8"&gt;
    &lt;title&gt;Roll The Dice&lt;/title&gt;
    &lt;link rel = "stylesheet" type = "text/css" href = "dice.css"&gt;  

&lt;script type="text/javascript"&gt;
    var dieImage;

    function start()
    {
        var button = document.getElementById(rollButton);
        button.addEventListener("click", rollDice, false);
        dieImage = document.getElementById("die1");
    }

    function rollDice()
    {
    setImage(dieImage);
    }

    function setImage(dieImg)
    {
    var dieValue = Math.floor(1 + Math.random() * 6);
    dieImg.setAttribute("src", "die" + dieValue + ".jpg");
    dieImg.setAttribute("alt", "dieImg with" + dieValue + "spots");

    if (dieValue == 6)
        {
        document.getElementById("sometext").innerHTML = "You Win!";
        }
    else
        {
        document.getElementById("sometext").innerHTML = "Roll Again";
        }

    }

    window.addEventListener("load", start, false);

&lt;/script&gt;

&lt;/head&gt;

&lt;body&gt;
    &lt;form action = "#"&gt;
        &lt;input id = "rollButton" type = "button" value = "Roll Dice"&gt;
    &lt;/form&gt;

    &lt;li&gt;
        &lt;img id = "die1" src = "die1.jpg" alt = "blankImage"&gt;
    &lt;/li&gt;

    &lt;div id = "sometext"&gt;Roll for a 6!&lt;/div&gt;
&lt;/body&gt;
</code></pre>

<p></p>
