正如注解中的@jaromanda-x所暗示的，按钮的选择器是错误的，您要选择的元素是button，因此请确保在查询中使用它：

const buttons = document.querySelectorAll("button");

控制台或输出中没有与此相关的错误或消息，因为代码没有运行时问题。
您目前的查询：document.querySelectorAll("button")返回一个空数组，因为DOM中没有<buttons>元素。要在以后调试click事件，请在处理程序中放置一条控制台消息，这样您就知道该处理程序已经执行：

buttons.forEach((item)=>{
    item.onclick=()=>{
        console.log('button click: ' + item.id);
...

• 不要忘记稍后删除或注解掉这些类型的日志，它们用于简单的诊断 *

如果控制台中没有消息，请查看注册事件的代码，有时可能使用html或动态逻辑（如当前示例）中的内联注册。
在当前代码中，您可以注销按钮的数量，例如：

const buttons = document.querySelectorAll("button");
console.log(`buttons found: ${buttons}:${buttons. Length}`);

您还可以使用浏览器工具中的控制台对活动页面执行javascript，这样就可以在 live 的意义上执行querySelectAll：

您应该会发现这个简单的工具对于快速开发和学习都非常有帮助。
将来，请使用代码片段或Stack-Snippets来显示简单的html/javascript问题，而不是指向外部站点的链接。如果我们能看到代码，类似这样的问题会立即显现出来，但我们不想让SO来做这些......像我这样的开发人员天生懒惰;）
第一个

用这样按钮交换按钮
如果您想查看更多的文档，请点击这里。