我想在提交之前在弹出窗口中预览HTML表单数据。如何使用JavaScript做到这一点？

<form id="myForm">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name"><br><br>
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="提交" onclick="previewFormData(event)">
</form>

function previewFormData(event) {
  event.preventDefault(); // 阻止表单的默认提交行为

  // 获取表单元素的值
  var name = document.getElementById("name").value;
  var email = document.getElementById("email").value;

  // 创建弹出窗口
  var previewWindow = window.open("", "预览窗口", "width=400,height=300");

  // 在弹出窗口中显示表单数据
  previewWindow.document.write("<h2>表单数据预览：</h2>");
  previewWindow.document.write("<p>姓名：" + name + "</p>");
  previewWindow.document.write("<p>邮箱：" + email + "</p>");
}