为什么我的按钮一个都没用啊？ 求大神解释！！

<input type="button" value="改变颜色" onclick="changecolor">  

    <input type="button" value="改变宽高" onclick="changesize">

    <input type="button" value="隐藏内容" onclick="hidetxt">

    <input type="button" value="显示内容" onclick="showtxt">

    <input type="button" value="取消设置" onclick="recover">

  </form>

  <script type="text/javascript">

    function changecolor()

    {   var JS=document.getElementById("txt");

        JS.style.color="red";

        JS.backgroundColor="#ccc";}

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

    function changesize()

    {   var JS=document.getElementById("txt");

        JS.style.width="500px";

        JS.style.height=500px";}   

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

    function hidetxt()

    {   var JS=document.getElementById("txt");

        JS.style.display="none";}

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

    function showtxt()

    {   var JS=document.getElementById("txt");

        JS.style.display="block";}

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

    function recover()

    {   var Cancel=confirm("你确定要取消当前设置吗？")

        if Cancel(JS==true)

        { JS.removeAttribute("style");}

        else

        {alert("Are you SB?")

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