如何实现点击按钮将计数器总数值保存到对应星期几展示区？

以下是适合JS初学者的具体实现步骤和代码：

• 第一步：获取当前星期对应的标识
  JS里用new Date().getDay()能获取星期数，返回值0是周日、1是周一、2是周二……6是周六。我们可以用一个数组把这些数字映射成你需要的M（周一）、T（周二）这类标识：

  const dayMap = ['Su', 'M', 'T', 'W', 'Th', 'F', 'Sa'];
  const todayIndex = new Date().getDay();
  const todayKey = dayMap[todayIndex];
  

• 第二步：获取总计数的数值
  从total-units标签里取出内容，转成数字避免字符串操作问题：

  const totalValue = parseInt(document.getElementById('total-units').textContent);
  

  要是担心内容不是纯数字，可以加个简单判断，比如isNaN(totalValue)时提示用户先计数。

• 第三步：找到对应星期的元素并更新内容
  假设你的星期位置元素是用id区分的（比如周一元素id是day-M），直接定位后更新内容：

  const targetDayElement = document.getElementById(`day-${todayKey}`);
  // 要是用class区分，就换成这句：const targetDayElement = document.querySelector(`.day-${todayKey}`);
  if (targetDayElement) {
    targetDayElement.textContent = totalValue;
  }
  

• 第四步：整合到按钮点击事件里
  结合你已经会的事件监听器，完整代码如下：

  const saveBtn = document.querySelector('.button.button-save');
  saveBtn.addEventListener('click', function() {
    // 获取今天的星期标识
    const dayMap = ['Su', 'M', 'T', 'W', 'Th', 'F', 'Sa'];
    const todayIndex = new Date().getDay();
    const todayKey = dayMap[todayIndex];
    
    // 获取总计数
    const totalSpan = document.getElementById('total-units');
    const totalValue = parseInt(totalSpan.textContent);
    if (isNaN(totalValue)) {
      alert('请先完成计数哦');
      return;
    }
    
    // 更新对应星期的内容
    const targetElement = document.getElementById(`day-${todayKey}`);
    // 用class选择的话替换成：const targetElement = document.querySelector(`.day-${todayKey}`);
    if (targetElement) {
      targetElement.textContent = totalValue;
    } else {
      console.log('未找到对应星期的元素，请检查选择器');
    }
  });
  

小提示：如果你的星期元素标识不是day-开头，记得把代码里的选择器改成你项目里实际的标识格式。

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