求问，为什么取消设置没反应呢，求大神解惑啊！

  <form>

  <!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->

    <input type="button" value="改变颜色"  onclick="modifycolor()">  

    <input type="button" value="改变宽高"  onclick="modifysize()">

    <input type="button" value="隐藏内容"  onclick="hide()">

    <input type="button" value="显示内容"  onclick="show()">

    <input type="button" value="取消设置"  onclick="reset()">

  </form>

  <script type="text/javascript">

//定义"改变颜色"的函数

function modifycolor()

{

    var txt1=document.getElementById("txt");

    txt1.style.color="red";

    txt1.style.backgroundColor="#ccc";

}

//定义"改变宽高"的函数

function modifysize()

{

    var txt1=document.getElementById("txt");

    txt1.style.width="200px";

    txt1.style.height="200px";

}

//定义"隐藏内容"的函数

function hide()

{

      var txt1=document.getElementById("txt");

    txt1.style.display="none";

}

//定义"显示内容"的函数

function show()

{

      var txt1=document.getElementById("txt");

    txt1.style.display="block";

}

//定义"取消设置"的函数

function reset()

{

    var txt1=document.getElementById("txt");

    var choice=confirm("是否取消设置");

    if(choice==true)

    {

        txt1.style.height="400px";

   txt1.style.backgroundColor="#fff";

   txt1.style.color="#000";

        txt1.style.width="600px";

        txt1.style.display="block";

    }

}

  </script>