javascript - 如何将循环 id 保存到 qrcode 中？

Question

我正在尝试使用 while 循环生成多个不同的二维码。是否可以将循环 ID 存储到二维码中？

我正在使用 qrcode.js 生成 QR 码。下图是我运行这段代码后得到的结果：问题是，所有二维码都会将最后一个循环id，即5，存储到二维码中。

let i = 1;
while (i <= 5) {
  var qrcode = new QRCode(document.getElementById("qrcode"), {
    width: 70,
    height: 70,
    colorDark: "#000000",
    colorLight: "#ffffff",
    correctLevel: QRCode.CorrectLevel.H
  });

  function makeCode() {
    var elText = document.getElementById("text");
    qrcode.makeCode(i);
  }

  makeCode();
  i++;
}

<script src="https://cdn.jsdelivr.net/npm/davidshimjs-qrcodejs@0.0.2/qrcode.min.js"></script>
<div id="qrcode"></div>

标签： javascriptloopsqr-code