html取消订单代码

在网上商城中，经常会出现取消订单的操作。下面是一段HTML取消订单代码示例：

<button id="cancelBtn" onclick="cancelOrder()">取消订单</button>
<script>
function cancelOrder() {
  //这里是取消订单代码逻辑
  console.log("订单已取消");
}
</script>

如上代码中，我们使用了按钮（button）元素表示取消订单按钮，并为其设置了id属性为“cancelBtn”，方便在JavaScript中进行获取和操作。同时，我们使用onclick属性为该按钮绑定了点击事件，当按钮被点击时，该事件将调用名为cancelOrder()的函数。

在JavaScript代码部分，我们定义了名为cancelOrder()的函数，并在其中编写了取消订单的代码逻辑。在这里，我们只打印了一句话“订单已取消”以表示订单已被取消的效果。

通过以上代码示例，可以清晰地了解HTML如何实现取消订单功能，并为之后的开发提供参考和思路。