Javascript 如何显示div中的输入值和标签

目标：显示标签，从不同的div输入值，并在不同的部分显示

我有一个div，它动态生成一组输入字段，然后我尝试在不同的部分中显示该输入字段值及其相应的标签

例如： 第1步-用户在输入字段中输入数字5。 步骤2-创建了5个输入字段（基于步骤1中输入的值）。这些输入字段被标记为#1、#2、#3等。。。一直到#5或用户在步骤1中输入的任何数字。 步骤3-向用户显示一个新的HTML部分，其中列出了标签（#1、#2、#3等），标签旁边是用户为相应输入字段输入的值

以下是为步骤2创建的代码：

    <label>#' + count + '</label>
    <input type="number" name="length_field" value="" class="form-control length_field" />

#'+count+'

然后，我需要一些javascript/jquery来获取标签及其相应的输入值，然后显示如下内容：

    <p>[LABEL #1] <span>[LABEL #1 INPUT VALUE]</span></p>
    <p>[LABEL #2] <span>[LABEL #2 INPUT VALUE]</span></p>
    <p>[LABEL #3] <span>[LABEL #3 INPUT VALUE]</span></p>

[LABEL#1][LABEL#1输入值]

[标签#2][标签#2输入值]

[标签#3][标签#3输入值]

---

等等。

这真的很快就脏了，但它很管用

我在这两个步骤中都使用for循环，在第一步中，for循环生成输入字段，然后输出它们

在第二步中，我将结果段落的html保存在一个变量中，因为我无法覆盖文档，因为我想要的值在输入字段中

on keypress listener是可选的，可确保您不必用鼠标按下Submit按钮；）

如果我能帮助你，如果你能将这个答案标记为已接受，我将不胜感激

let number=0；
$（文档）。在（“单击”，“步骤1”，函数（）上）{
number=$（“输入”）.val（）；
如果（数字>0）{
让html=”，i；
对于（i=1；i对于步骤2，您需要检查
length\u字段的值，并通过JavaScript创建那么多输入。设置一些助手ID和类属性，以便以后可以获取值。
对于步骤3，使用该属性获取输入字段值，并将其设置为result div的html


$（document）.on（'change'，'length_field'，function（）{
var inputsunt=parseInt（$（this.val（））；
$（'#inputswraper'）.html（''）；
$（'#result'）.html（''）；
对于（var i=1；我有没有试过编写JavaScript？不是为了这个功能（我还是JS的初学者）