javascript - 简单更改 localStorage 名称提示不显示

Question

我正在学习基本的 localStorage here.

问题:我应该能够在每次单击“更改用户”按钮时更改我存储的名称

https://jsfiddle.net/19bvwypn/

var myButton = document.querySelector('button');    
var myHeading = document.querySelector('h1');

function setUserName() {
  var myName = prompt('Please enter your name.');
  localStorage.setItem('name', myName);
  myHeading.innerHTML = 'Mozilla is cool, ' + myName;
}

if(!localStorage.getItem('name')) {
  setUserName();
} else {
  var storedName = localStorage.getItem('name');
  myHeading.innerHTML = 'Mozilla is cool, ' + storedName;
}

myButton.onclick = function() {
  setUserName();
}

但是什么也没发生。它在 Mozilla 自己的示例网站上运行良好: link

有人可以告诉我我在这里忽略了什么吗？ :-)

Answer 1

@Capax，您的代码 100% 正常工作，但您忘记添加 h1在你的HTML ，只需添加 <h1></h1> button之后。那么你的 fiddle 就不会有问题了。 :)

这里是Working Fiddle

谢谢