如何避免表单外部HTML按钮执行表单操作

<form id="myForm">
  <!-- 表单内容 -->
</form>

<button id="submitButton">提交</button>

<script>
  document.getElementById("submitButton").addEventListener("click", function(event) {
    event.preventDefault(); // 阻止表单的默认提交行为
    // 其他操作
  });
</script>

<form id="myForm">
  <!-- 表单内容 -->
</form>

<button type="button" id="submitButton">提交</button>

<script>
  document.getElementById("submitButton").addEventListener("click", function() {
    // 其他操作
  });
</script>