javascript - 如何使用 Javascript 用较短的代码创建多个段落？

Question

我想用 Javascript 创建多个段落，每两个输入字段。 我想知道是否有办法让代码更短但结果相同？

它应该具有与此相同的结果，但代码更短:

var para1 = document.createElement("p");
    var i1 = document.createElement("input");
    var i2 = document.createElement("input");
    para1.appendChild(i1);
    para1.appendChild(i2);
    var element = document.getElementById("div1");
    element.appendChild(para1);

    var para2 = document.createElement("p");
    var i3 = document.createElement("input");
    var i4 = document.createElement("input");
    para2.appendChild(i3);
    para2.appendChild(i4);
    var element = document.getElementById("div1");
    element.appendChild(para2);

    var para3 = document.createElement("p");
    //etc.

<div id="div1"></div>

Answer 1

除了使用 for 循环之外，我想不出任何其他解决方案😁 不过，这肯定会将代码长度减少一半。

numberOfParagraphs = 3
for(let i = 0; i< numberOfParagraphs;i++){
    var para= document.createElement("p");
    var i1 = document.createElement("input");
    var i2 = document.createElement("input");
    para.appendChild(i1);
    para.appendChild(i2);
    document.getElementById("div1").appendChild(para);
}

<div id="div1"></div>