使用按钮将GUI重置为初始状态

// HTML中的按钮元素
<button id="resetButton">重置</button>

// JavaScript代码
// 获取按钮元素
const resetButton = document.getElementById('resetButton');

// 绑定按钮的点击事件处理函数
resetButton.addEventListener('click', resetGUI);

// 重置GUI的函数
function resetGUI() {
  // 重置表单字段
  document.getElementById('form').reset();

  // 清空文本框
  document.getElementById('textBox').value = '';

  // 取消选中的复选框或单选按钮
  const checkboxes = document.querySelectorAll('input[type="checkbox"]');
  checkboxes.forEach((checkbox) => {
    checkbox.checked = false;
  });

  // 重新加载或重置相关数据
  loadData();
}