如何在一个页面上同时激活多个启动按钮？

// HTML
<button class="start-button">启动按钮 1</button>
<button class="start-button">启动按钮 2</button>
<button class="start-button">启动按钮 3</button>

// JavaScript
const startButtons = document.querySelectorAll('.start-button');
startButtons.forEach(button => {
  button.addEventListener('click', () => {
    // 执行启动操作
    console.log('启动按钮被点击');
  });
});

<form action="/start" method="post">
  <button type="submit">启动按钮 1</button>
</form>
<form action="/start" method="post">
  <button type="submit">启动按钮 2</button>
</form>
<form action="/start" method="post">
  <button type="submit">启动按钮 3</button>
</form>

// HTML
<button class="start-button">启动按钮 1</button>
<button class="start-button">启动按钮 2</button>
<button class="start-button">启动按钮 3</button>

// JavaScript
const startButtons = document.querySelectorAll('.start-button');
startButtons.forEach(button => {
  button.addEventListener('click', () => {
    // 发送Ajax请求
    fetch('/start', {
      method: 'POST',
      body: JSON.stringify({ buttonId: button.id }),
      headers: {
        'Content-Type': 'application/json'
      }
    })
    .then(response => response.json())
    .then(data => {
      // 处理服务器端返回的数据
      console.log(data);
    })
    .catch(error => {
      console.error(error);
    });
  });
});