Debugging not showing the proper result : <p>I am trying to learn the javascript debugging and  I am followint the article here[linke here][1]</p>

<p>[1]: <a href="http://meeech.amihod.com/getting-started-with-javascript-debugging-in-chrome/" rel="nofollow">http://meeech.amihod.com/getting-started-with-javascript-debugging-in-chrome/</a> I was able to follow along the tutorial.My code is</p>

<pre><code>&lt;script&gt;
    var value="hang";
    function test(){
            setInterval(function(){
        switch(value){
            case'hang':
            document.body.innerHtml="Hang in there";
            break;
            case'up':
            document.body.innerHTML="Up";
            break;
            default:
            document.body.innerHTML="No good!";         
            }
        },1000);
        };

&lt;/script&gt;
</code></pre>

<p>Ater inspecting in debugger,it shows that it  reached to <code>document.body.innerHtml="Hang in there";</code>But my html page isnot showing the output <strong>Hang in there</strong>
Though it may seem simple question, I am not getting into it. Please help.
Also I cannot find <strong>Add to watch option</strong> on right click as stated in tutorial.</p>
