用JavaScript写的一个点餐弹出式对话框

好的，我可以为您提供一个简单的JavaScript代码示例，用于创建一个点餐弹出式对话框。

HTML代码：

<button id="order-btn">点餐</button>

<div id="order-dialog" style="display: none;">
  <h2>点餐</h2>
  <form>
    <label for="food">食物:</label>
    <input type="text" id="food" name="food"><br><br>
    <label for="quantity">数量:</label>
    <input type="number" id="quantity" name="quantity"><br><br>
    <button type="submit">提交</button>
  </form>
</div>

JavaScript代码：

var orderBtn = document.getElementById("order-btn");
var orderDialog = document.getElementById("order-dialog");

orderBtn.addEventListener("click", function() {
  orderDialog.style.display = "block";
});

orderDialog.addEventListener("submit", function(event) {
  event.preventDefault();
  var food = document.getElementById("food").value;
  var quantity = document.getElementById("quantity").value;
  alert("您订购的食物是 " + food + "，数量为 " + quantity + "。");
  orderDialog.style.display = "none";
});

这个示例使用了一个按钮(`#order-btn`)来触发点餐弹出式对话框(`#order-dialog`)的显示。在对话框中，用户可以输入食物名称和数量，并通过提交按钮来完成点餐。当用户提交表单时，JavaScript将获取输入的数据并显示一个包含订购细节的警告框。最后，对话框将被隐藏。