如何在操作栏上放置两个按钮？一个在开头，一个在结尾

<div class="action-bar">
  <button id="start-btn">开始</button>
  <!-- 其他操作按钮 -->
  <button id="end-btn">结束</button>
</div>

.action-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* 其他样式设置 */
}

.action-bar button {
  /* 按钮样式设置 */
}

var startBtn = document.getElementById('start-btn');
var endBtn = document.getElementById('end-btn');

startBtn.addEventListener('click', function() {
  // 开始按钮被点击时执行的操作
});

endBtn.addEventListener('click', function() {
  // 结束按钮被点击时执行的操作
});