在javascript中创建一个时间日志行

Question

简单按钮当您点击它时，它会显示当前日期 但当您点击它时，它会显示最新日期在另一个行（日期之后的日期）中作为 timelog 在表格中设置。意思是时间将显示在框下的框表内。

获取日期的函数：

Button.addEventListener("click", function Click () {
  document.getElementById("pergraph").innerHTML = Date(); } 

我开玩笑地放了＆＃34; / n＆＃34; ......

感谢。

Answer 1

使用+=附加到innerHTML，而不是使用=进行分配：

Button.addEventListener("click", function Click() {
  document.getElementById("pergraph").innerHTML += Date() + "<br>";
})

<button id="Button" type="button">
Add date
</button>

<p id="pergraph">

</p>

如果您希望拥有单独的可样式元素，请使用CSS将日期换成跨度和样式：

Button.addEventListener("click", function Click() {
  document.getElementById("pergraph").innerHTML += "<span>" + Date() + "</span>";
})

#pergraph span {
  display: block;
  background: #f2f2f2;
  margin-bottom: 4px;
  padding: 4px;
}

<button id="Button" type="button">
Add date
</button>

<p id="pergraph">

</p>