js事件解决生发问题

1 效果

2 代码

let secret = document.querySelector(".container > p > strong");
      onClickDoing = (ev) => {
        switch (ev.target.innerHTML) {
          case "自然睡":
            secret.innerHTML = "困了就睡，那怕是在工作，只要你的工作不是一停就会受伤！";
            break;
          case "自然醒":
            secret.innerHTML = "醒了就起，那怕起来洗漱一下，再睡回笼，因为你有困了！";
            break;
          case "吃饭慢":
            secret.innerHTML = "慢的标准是，吃的东西你都知道是什么味道，什么东西！";
            break;
          case "饱要停":
            secret.innerHTML = "知道味道和东西，你就会关注肚皮的感觉，饱了就不要吃了，当然要你乐意！";
            break;
          case "关注会":
            secret.innerHTML =
              "知识点很多时，多关注你学会的，学不会的再写几次就好，不要关注他，不要骄傲啊，你是个天才！";
            break;
          default:
            secret.innerHTML = "告诉你个秘密哦!!";
            break;
        }
      };
      document.querySelector(".btn").addEventListener("click", (ev) => onClickDoing(ev), false);
      const ev = new Event("click");
      //不绑定不能用自动触发事件
      let btnList = document.querySelectorAll(".btn > button");
      for (v of btnList) {
        v.addEventListener("click", (ev) => onClickDoing(ev), false);
      }
      //自动循环点击事件
      let i = 0;
      setInterval(() => {
        if (i < 5) {
          btnList[i].dispatchEvent(ev);
          i++;
        } else {
          i = 0;
        }
      }, 2000);

3 总结

感谢老师教导！
学到了事件，字符串和数组常用函数！
有事儿发生了，咱们的服务要跟上。
加自动点击功能。