我有一個我正在使用的 Codepen https://codepen.io/Jonbeckner/pen/KKewOQq。我有 2 個點擊計數器，它們在點擊計數器下方的框中顯示總體總數。我在其中放置了一個按鈕，我想將總數保存到一周中的相應日期。我知道如何為按鈕添加事件監聽器，但除此之外我還在學習 JS。
我的問題是：什么時候
<button class=" button button-save">
Save Total
</button>
點擊保存總和
<p>Total Units =
<span id="total-units">
0
</span>
到一周中的相應日期。星期一的總數將顯示在 M 下，星期二在 T 下，依此類推。
我從 Codepen 中獲取了當前的點擊計數器，并根據我的需要添加并修改了它。我還在學習 JS，所以請原諒我的初學者知識。
uj5u.com熱心網友回復：
沒有框架，只有普通的 HTML JS，你可以更改元素的文本以回應像這樣的按鈕點擊，通過設定它的innerText.
document.getElementById('save').addEventListener('click', () => {
document.getElementById('total-units').innerText = '42';
});<button id="save" class=" button button-save">Save Total</button>
<p>Total Units = <span id="total-units">0</span></p>保存資料
至于保存資料，您有三個主要選擇：
- 在 DOM中。只需更新元素的文本，它就會一直保持這種狀態，直到您更改它或重繪 瀏覽器中的頁面。這根本不是永久性的，并且不會在關閉瀏覽器或斷電后繼續存在。這只是在您查看頁面時保存在瀏覽器中的記憶體中，基本上就像根本不保存資料一樣。
- 在本地存盤中。保存在本地存盤中的資料將在頁面重繪 后仍然存在，并且會在您下次訪問該頁面時出現。但是，如果您從其他瀏覽器或其他計算機訪問，則資料將不存在。
- 在后臺。首先為您的 Web 應用程式提供服務的網路服務器還可以提供一個 REST API 來接收資料，并將其保存在后端的資料庫組件中，并在需要時將其回傳給您。您保存的資料與頁面本身一樣可用，并保存在資料庫中的“后端”中。這是最多的作業，但它是大多數互聯網的作業方式。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/523684.html
標籤：javascript
上一篇：js如何增加一個大數