嘿，完全不用不好意思呀！新手阶段遇到这类问题太正常了，咱们一步步来解决~

核心思路就是把按钮点击后要执行的逻辑封装成一个独立的函数，然后让两个按钮都调用这个函数就行，不用重复写代码。具体操作分两步：

1. 把重复逻辑封装成函数 #

先把原来第一个「grade」按钮里的所有处理代码抽出来，放到一个单独的函数里，比如命名为calculateGrade：

function calculateGrade() {
  // 这里放你原来处理分数计算、结果展示的所有代码
  // 举个例子（根据你代码的逻辑调整）：
  const scoreInput = document.getElementById('scoreInput');
  const score = parseInt(scoreInput.value);
  let result = '';

  if (score >= 90) {
    result = 'A';
  } else if (score >= 80) {
    result = 'B';
  } else if (score >= 70) {
    result = 'C';
  } else {
    result = 'D';
  }

  document.getElementById('result').textContent = `你的等级是：${result}`;
}

2. 让两个按钮都调用这个函数 #

有两种简单的方式实现：

方式一：通过HTML的onclick属性直接调用 #

给两个按钮的HTML标签都加上onclick="calculateGrade()"，比如：

<button onclick="calculateGrade()">grade</button>
<button onclick="calculateGrade()">grade</button>

方式二：用JavaScript添加事件监听（更推荐，实现HTML和JS分离） #

如果不想在HTML里写JS代码，可以用addEventListener给两个按钮绑定点击事件：

// 获取所有需要绑定的按钮（可以给按钮加个统一的class，比如"grade-btn"）
const gradeButtons = document.querySelectorAll('.grade-btn');

// 遍历每个按钮，添加点击事件监听
gradeButtons.forEach(button => {
  button.addEventListener('click', calculateGrade);
});

对应的HTML按钮要加上统一的class：

<button class="grade-btn">grade</button>
<button class="grade-btn">grade</button>

这样不管点击哪个「grade」按钮，都会执行同一个calculateGrade函数里的逻辑啦，以后要修改计算规则，只需要改这一个函数就好，不用改两处代码~

内容的提问来源于stack exchange，提问作者Davis89