Javascript JS onclick只在第一次工作

我是JS的新手。我正在创建一个按钮，我希望该按钮切换它所说的内容。我可以让它启动一次，但是除非我刷新页面，否则它不会再次启动。我做错了什么？我相信这很简单

JS功能：

<script type="text/javascript">
        function fullscreen(){
            var elem = document.getElementById("button1");
            if (elem.value=="Maximize"){
                elem.value = "Minimize";
            }else {
                elem.value = "Maximize";}
        }
</script>

函数全屏（）{
var elem=document.getElementById（“button1”）；
如果（元素值==“最大化”）{
elem.value=“最小化”；
}否则{
elem.value=“最大化”；}
}

在页面正文中：

<div>    
    <input type="button" id="button1" value="Minimize" onclick='fullscreen()'>
</div>

---

我期望的是，当变量通过if语句传递时，按钮的文本将切换。我可以让它从“最小化”更改为“最大化”onclick，但第二次单击没有任何作用

嘿，我确实发出了警报，你的代码运行良好。您甚至可以在开发人员控制台中看到这一点。此外，您应该将===而不是==放在字符串中进行比较。 我认为应该还有其他问题

         function fullscreen(){
            var elem = document.getElementById("button1");
            if (elem.value ==="Maximize"){
              alert('hi');
                elem.value = "Minimize";
            } else {
              alert('hello');
                elem.value = "Maximize";}
            }

---

看起来运行得很好，对我来说也很好。您确认您的

全屏

功能被点击了吗？也许通过这一步可以解释是什么弄乱了它。@ShaktiPhartiyal很有趣，我无法让它切换回原来的状态。请运行它jsfiddle@IrkenInvader是的，我在不同的地方放了一个警报，它第一次弹出，而不是第二次。