如何使用hero在两个不同的按钮之间拥有相同的页面目标

<button id="button1">按钮1</button>
<button id="button2">按钮2</button>

// 导入hero库
import { Hero } from 'hero-js';

// 创建一个Hero实例
const hero = new Hero();

// 获取按钮元素
const button1 = document.getElementById('button1');
const button2 = document.getElementById('button2');

// 给按钮1添加点击事件监听器
button1.addEventListener('click', () => {
  // 设置页面目标为按钮2
  hero.setTarget(button2);
});

// 给按钮2添加点击事件监听器
button2.addEventListener('click', () => {
  // 设置页面目标为按钮1
  hero.setTarget(button1);
});