Question

我有一份文件如下：

<!DOCTYPE html>
<html>
  <head>
    <!-- some title, meta stuff and css -->
  </head>
  <body>
    <style src="/secondvid.js"></style>
    <div id="vid1"></div>
    <button onclick="showSecondVid('vid1', 'vid2');">Video 2</button>
    <div id="vid2" style="display: none;"></div>
  </body>
</html>

div内部的内容并不重要，但脚本如下所示：

function showSecondVid(vid1Id, vid2Id) {
  document.getElementById(vid1Id).style.display = "none";
  document.getElementById(vid2Id).style.display = "block";
  document.querySelectorAll('button')[0].style.display = "none";
  dayUp();
}
function dayUp() {
  if (localStorage.dayFinished === 4) {
    localStorage.dayFinished = 0;
  } else if (localStorage.dayFinished) {
    localStorage.dayFinished++;
  }
}

当我点击按钮时，没有任何反应。有人可以帮忙吗？我希望第一个div消失，第二个div消失。

Answer 1

尝试像这样调用你的脚本：

<script src="/secondvid.js"></script>

而不是

<style src="/secondvid.js"></style>

HTML麻烦投入JS

1 个答案: