如何使用按钮保存和显示输入到本地存储器的文本

<input type="text" id="textInput" placeholder="请输入文本">
<button id="saveBtn">保存</button>
<div id="displayArea"></div>

// 获取按钮和文本输入框元素
var saveBtn = document.getElementById('saveBtn');
var textInput = document.getElementById('textInput');
var displayArea = document.getElementById('displayArea');

// 保存按钮的点击事件监听器
saveBtn.addEventListener('click', function() {
  // 获取文本输入框的值
  var inputText = textInput.value;
  
  // 将文本保存到本地存储器
  localStorage.setItem('savedText', inputText);
  
  // 清空文本输入框的值
  textInput.value = '';
  
  // 更新显示区域的内容
  displayArea.innerHTML = inputText;
});

// 页面加载时显示已保存的文本
window.addEventListener('load', function() {
  // 从本地存储器获取已保存的文本
  var savedText = localStorage.getItem('savedText');
  
  // 更新显示区域的内容
  displayArea.innerHTML = savedText;
});