Html help

i am trying to lengthen a div box when a mouse hovers over it this is my code but it doesn’t work can anyone help me fix it?
    <script>
    function bigbox1(x)
{
   x.style.height="40px";
   x.style.width="300px";
}

function smallbox1(x)
{
   x.style.height="40px";
   x.style.width="200px";
}
    </script>
   
<div onmouseover="bigbox();" onmouseout="smallbox1();" id="box1" style="background-color:#5882FA;height:40px;width:200px">
    <h1 style="color:#A9F5F2">Hello</h1>
</div>

>>7
What you plebian scum know as the GNU/Linux project actually contains code from the BSD project.
Therefore it is well within the BSD project's rights to demand that all flavours of Linux be renamed BSD/_^Linux made by the BSD project.
If that lying autistic manchild RIMMUS can do it then so can the BSD project.