Javascript 托管站点缺少本地html文件中的元素

我正在建立的网站是简单的html、CSS和JavaScript。它在本地文件中按预期工作（在chrome中打开html文件）。然而，一旦我主持了它，它就会丢失一些奇怪的小碎片

例如，在我的页面中央有一个很大的div（400px高），这是在CSS文件中指定的。所以我检查了我的CSS文件以确保它是托管的。不仅如此，它还在定义其他元素的CSS属性。不知何故，托管站点忽略了我的div元素。（见下文）

示例2：我创建了一个按钮来激活一个函数。这个函数在本地文件上运行得很好，但在我的托管文件上似乎不适用。与之前的情况相同，js文件正在执行它的其他作业，而不是这个作业。见下文

    #map {
    height: 400px;  /* this is displayed */
    width: 70%; 
   }
   #myElement {  /* this is not */
    background: silver;
    height: 300px;
    text-align: center;
    font: 30px/300px Helvetica, Arial, sans-serif;
  }

    <button onclick="vibrateButton()">Vibrate</button>

    function vibrateButton() {
  navigator.vibrate([500]);
  console.log("vibrated")
}

振动
功能按钮（）{
振动（[500]）；
控制台日志（“振动”）
}

控制台中发现错误：未捕获引用错误：未定义按钮 在HTMLButtonElement.onclick（（索引）：73）

---

我再次尝试保存所有内容并重新上传网站，结果相同。我不知所措。有什么想法吗？

您还没有包括脚本标签。包括它并尝试

振动
功能按钮（）{
振动（[500]）；
控制台日志（“振动”）
}