javascript using hover to change color
<p>Hey im trying to change color of "Hello" when i hover over it. So far i cant get it to work and when i look at the console i get "ReferenceError: hover is not defined" same goes for "out". How do i fix this and is this the only issue? thanks!</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;

&lt;script&gt;
    var $Osc = {
hover: function(event){
    ("style", "background-color:blue;")
},
out: function(event){
    ("style", "background-color:white;")
}

}
var $Osc = document.getElementById("change");
hover.addEventListener("mouseover", $Osc.hover, false);
out.addEventListener("mouseout", $Osc.out, false);

     &lt;/script&gt;


&lt;/head&gt;
&lt;body&gt;
 &lt;div id="change"onmouseover="hover(this)" onmouseout="out(this)"&gt;
     Hello
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>