Javascript 我的按钮赢了'；t在手机上运行，但在桌面上运行正常？

昨天晚上我发了一篇关于文本和按钮本身居中的帖子，我很感激得到了很好的反馈，解决了这个问题。现在，我有一个不同的问题，按钮不能在手机上的某些原因？昨晚我测试它时，它工作得很好，但就在现在，当我试图在另一个页面上应用它时，它在手机上无法运行。这个按钮出现在手机上，但点击它就什么也做不了了。桌面上并没有这样的问题，所以我有点困惑。我将在下面粘贴整个代码

看看你能不能帮上忙

谢谢`

#更多{显示：无；}
示例文本

歌词
函数myFunction（）{
var dots=document.getElementById（“dots”）；
var moreText=document.getElementById（“更多”）；
var btnText=document.getElementById（“myBtn”）；
如果（dots.style.display==“无”）{
dots.style.display=“inline”；
btnText.innerHTML=“歌词”；
moreText.style.display=“无”；
}否则{
dots.style.display=“无”；
btnText.innerHTML=“少读”；
moreText.style.display=“块”；
moreText.style.textAlign=“中心”；
//btnText.parentElement.style.textAlign=“中心”；
}
}

您的HTML有几个问题，我将在下面对它们进行评论：

<span id="dots"></span>
<!-- no quotes in the style attribute -->
<span id="more" style=color:black;>Example Text</span>
<!-- closing inexistent p tag -->
</p>
<div style="text-align:center">
  <!-- no quotes in the style attribute -->
  <button onclick="myFunction()" id="myBtn" style=color:white;background-color:black;>Lyrics</button>
</div>

---

---

所有这些都说明了，

为什么不；你在按钮上的样式属性周围没有引号吗？我过去曾短暂地使用过WebView，突然出现的一个问题是其中一个没有触发onclick（我必须使用ontouchstart）（在ios和android中这是不同的）。在另一个上，它们都被激发，所以同时使用onclick和ontouchstart意味着回调被调用了两次。因为webview只是一个实验，我从来没有完全解决过这个问题，但是这个链接似乎有点有趣：我已经在我的本地机器上运行了你的代码，在桌面和移动设备上都运行过，它工作得很好。我把它们去掉了，因为当插入引号时，代码的其余部分显示为红色——我对编码不太熟悉，但我很确定这表明有错误。所以当我取出它们时，我没有收到错误信息。再说一遍，我对编码一点也不熟悉。当我把它们取下来的时候，它似乎起了作用。希望这能回答你的问题。Jiachen，我会在我的页面上粘贴一个链接，上面有按钮，你能看看它是否对你有用吗？它不在我的手机上，这里是链接：嘿，GMaiolo，我感谢你看一看，包括代码。我在我的网站上输入了这个，按钮似乎在“点击”方面起作用，但按钮的设计被废弃了，它不会显示隐藏的“示例文本”。如果你想查看你的代码在手机上的外观，这里有一个链接：你可以添加你想要的样式并随意更改。你代码中的设计是我想要的，与我使用的设计相同-但当我输入代码时，结果不同，按钮的功能不起作用。不要复制粘贴，试着理解发生了什么，并相应地改变。我的回答是解释性的，让你理解如何做你需要的事情，但不是一个循序渐进的指南。请检查有关的规则

var btn = document.getElementById("myBtn")
btn.addEventListener("click", myFunction)