HTML代碼：
<body>
<input type="text" id="inp" />
<button type="submit" id="btn">Submit</button>
<div class="dom">Hello</div>
<script src="app.js"></script>
</body>
JS代碼：
const inputTxt = document.querySelector('#inp');
const btn = document.querySelector('#btn');
const dom = document.querySelector('.dom');
btn.addEventListener('click', () => {
let txtValue = inputTxt.value;
localStorage.setItem('inputX', txtValue);
const storegGet = localStorage.getItem('inputX');
dom.textContent = storegGet;
});
當我嘗試將 localStorage.getItem 呼叫到 textContent 并重繪 仍未保存的瀏覽器時，我無法弄清楚問題所在。
uj5u.com熱心網友回復：
終于搞清楚問題了:)
const inputTxt = document.querySelector('#inp');
const btn = document.querySelector('#btn');
const dom = document.querySelector('.dom');
function callBtn() {
let txtValue = inputTxt.value;
localStorage.setItem('inputX', txtValue);
dom.textContent = txtValue;
inputTxt.value = '';
}
btn.addEventListener('click', callBtn);
function getStorage() {
if (btn) {
dom.textContent = localStorage.getItem('inputX');
}
}
getStorage();轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/534769.html