Javascript 使用另一个文件中的按钮

你好！我是网络开发新手，还在学习。 我正在尝试使用javascript创建一个简单的计数器

index.html

<script src="test.js"></script>
<h1>Count </h1> 
<p id="count">0</p>
<button onclick ="mycounter()">Add Count</button>

现在这段代码运行得非常好。是否可以将该按钮转移到另一个html文件，并且每次从另一个文件单击该按钮时，我的索引上的计数显示都会更新

---

任何帮助都将不胜感激。谢谢。

如果您想将html的一部分传输到另一个文件中，并在单独的文件中使用它，则称为模板。通常的模式是通过加载“其他”文件的内容并将其添加到DOM中

function loadDoc() {

  var xhttp = new XMLHttpRequest();

  xhttp.onreadystatechange = function() {

    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("buttonholder").innerHTML = this.responseText;

    }
  };

  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}

---

你所说的其他文件是什么意思？@DaniyalLukmanov该按钮当前位于我的索引页上。我想将该按钮转移到另一个html文件中，如果单击该按钮，则索引上的计数显示将更新。可能吗？谢谢您的评论。@calwinalegre这是一页的应用程序吗？如果是这样，您可以在全局级别存储计数器的值，并在另一个HTML文件中重复使用相同的脚本。或者，如果页面在切换到另一个HTML文件后刷新，则可以将其存储在本地存储器中。@Abhishek否。我想使用2个HTML文件。1一个用于递增按钮，另一个用于显示。我在尝试一些东西。可能吗？

function loadDoc() {

  var xhttp = new XMLHttpRequest();

  xhttp.onreadystatechange = function() {

    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("buttonholder").innerHTML = this.responseText;

    }
  };

  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}