如何从HTML创建的表单中提取值，并将变量连接成二维码图像url？

<form id="myForm">
  <input type="text" id="name" name="name" placeholder="请输入姓名">
  <input type="email" id="email" name="email" placeholder="请输入邮箱">
  <button type="submit">提交</button>
</form>

var form = document.getElementById("myForm");
var name = document.getElementsByName("name")[0].value;
var email = document.getElementsByName("email")[0].value;

var qrCodeUrl = "https://api.qrserver.com/v1/create-qr-code/?data=" + encodeURIComponent(name + "," + email);

var qrCodeImg = document.createElement("img");
qrCodeImg.src = qrCodeUrl;
document.body.appendChild(qrCodeImg);