Problem with localStorage

github logo ・1 min read

嗨,大家好! 我有个问题.
https://pastebin.com/pPCpxT9N
通过此代码,我想将段落中编写的文本从"文本"更改为"另一个文本",并且我想通过localStorage保存更改,但是它不起作用. 你能告诉我为什么吗?

twitter logo DISCUSS (5)
markdown guide
 

检查一下: codepen.io/jofrly/pen/oNNdLpL

我认为代码的主要问题是您在changeAndStoreText函数中定义了window.onload函数.

仍然:将文本内容保存到本地存储,然后再进行更改.
因此,第一次单击按钮时,字符串" Text将保存到本地存储中.
第二次单击该按钮时,字符串" Another text将保存到本地存储中.
第二次单击按钮后重新加载页面时,该段落将填充Another text .

 

有没有一种方法可以使其一次单击即可工作?

 

Yes:

function changeAndStoreText() {
  textElement.innerHTML = 'Another text';
  var textContent = textElement.textContent;
  localStorage.setItem('firstScreenText', textContent);
}
 

我目前的猜测:您需要防止按钮的默认行为. 通常,页面只是重新加载,这就是您看不到更改的原因.

 

同意. 他先保存文本,然后再进行更改.

6月1日发布的经典DEV帖子

Demystifying Open Source Contributions

AndyBullet profile image

dev.to现在具有黑暗模式.

去的"杂项"部分的设置 ,并选择夜间主题 ❤️

by  ICOPY.SITE