Hiding HTML until an if Statement
<p>I have recently been trying to set up a simple account system on my website.  If you have an account the game will appear and if you don't the page will say, <code>You need an account!</code></p>

<p>I can't seem to figure out how to hide the HTML embeded code until my if statement.  </p>

<p>This is my code so far:</p>

<pre><code>&lt;html&gt;
    &lt;body&gt;
        &lt;div id="Game"&gt;
            &lt;center&gt;
                &lt;object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="700" height="600" align="middle" id="kingdom-rush-1-082"&gt;
                    &lt;param name="movie" value="http://m.toogame.com/k/swfs/kingdom-rush-1-082_80r.swf"&gt;
                    &lt;param name="quality" value="high"&gt;
                    &lt;param name="AllowScriptAccess" value="always"&gt;
                    &lt;!--[if !IE]&gt;--&gt;
                        &lt;object type="application/x-shockwave-flash" data="http://m.toogame.com/k/swfs/kingdom-rush-1-082_80r.swf" width="700" height="600"&gt;
                            &lt;param name="movie" value="http://m.toogame.com/k/swfs/kingdom-rush-1-082_80r.swf"&gt;
                            &lt;param name="quality" value="high"&gt;
                            &lt;param name="AllowScriptAccess" value="always"&gt;
                        &lt;!--&lt;![endif]--&gt;
                        &lt;!--[if !IE]&gt;--&gt;
                        &lt;/object&gt;
                    &lt;!--&lt;![endif]--&gt;
                &lt;/object&gt;
        &lt;/div&gt;
        &lt;script type="text/javascript"&gt;
            var pass = window.prompt("Type Your Password")
             if ((pass == 'bacon'))
                 document.getElementById('Game').style.display = "none"
            else 
                 document.write("You need an account for this!")
        &lt;/script&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>
