如何推回javascript上的按鈕？

Question

我開始從W3scholl學習 javascript。 我想制作本教程中的按鈕：

<html>
<body>

<h1>My First JavaScript</h1>

<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click me to display Date and Time.</button>

<p id="demo"></p>

</body>
</html>

再次按下按鈕后，我想清除日期文本，該怎么做？

Answer 1

您可以添加一個新按鈕，如下所示：

<!DOCTYPE html>
<html>
<body>

<h1>My First JavaScript</h1>

<button type="button" onclick="document.getElementById('demo').innerHTML = Date()">
 Click me to display Date and Time.
</button>

<button type="button" onclick="Empty()">
 Click me to delete Date and Time.
</button>

<script>
function Empty(){
document.getElementById('demo').innerHTML = "";
}
</script>

<p id="demo"></p>

</body>
</html>

Answer 2

您可以引入全局變量state並保存最后更改的狀態。

單擊按鈕調用toggle ，該函數評估下一個操作的state 。 在函數結束時， state隨着邏輯 NOT發生變化! .

 function toggle() { if (state) { // check state document.getElementById('demo').innerHTML = ''; document.getElementById('button1').innerHTML = 'Click me to display Date and Time.' } else { document.getElementById('demo').innerHTML = Date(); document.getElementById('button1').innerHTML = 'Delete Date and Time.' } state = !state; // toggle state } var state; // undefined, becomes later true and false

 <button id="button1" type="button" onclick="toggle()">Click me to display Date and Time.</button> <p id="demo"></p>

如何推回javascript上的按鈕？

問題描述

2 個解決方案

解決方案1
0 2017-01-17 08:55:41

解決方案2
0 已采納 2017-01-17 09:05:29

如何推回javascript上的按鈕？

問題描述

2 個解決方案

解決方案1 0 2017-01-17 08:55:41

解決方案2 0 已采納 2017-01-17 09:05:29

解決方案1
0 2017-01-17 08:55:41

解決方案2
0 已采納 2017-01-17 09:05:29