javascript - 单击以添加句子+数组编号，并在每行上加<br>

我开始学习如何编写代码，我想这对您来说真的很容易，但是对我来说很难做到。

我希望能够在上面添加一个数字并存储该数字，并得到如下结果：

假设我输入数字2，然后输入34，然后输入65和234。

结果将是：

<integer>2</integer>
<integer>34</integer>
<integer>65</integer>
<integer>234</integer>

你明白我的意思吗？我需要使用整数字符串加上我键入的任何数字，结果需要添加br。

function myFunction() {
  var x = parseFloat(document.getElementById("numb").value);
  var result = document.getElementById("result");
  var array = [];

  array.push("<integer>" + x + "</integer>");
  console.log(array);
  result.innerHTML = array;

}

<h1>Integer</h1>
<h2>Enter number</h2>

<input type="number" id="numb">
<button id="submitbutton" type="button" onclick="myFunction()">Submit</button>


<h1>
  <div>Result: <span id="result"> xxx </span></div>
</h1>

最佳答案

将var数组移出函数范围，以免每次都不创建一个新数组
加入数组
使用CSS标记您的整数标签


PS：如果要查看标签。将下面的代码更改为

array.push("<integer>" + parseInt(x) + "</integer>");

在这里标记样式

var array = [];

function myFunction() {
  var x = document.getElementById("numb").value.trim();
  var result = document.getElementById("result");

  if (!isNaN(x) && x!="") { // test valid number
    array.push("<integer>" + parseInt(x) + "</integer>");
   //  console.log(array);
    result.innerHTML = array.join("<br/>");
  }

}

integer { font-weight:bold; color:teal }

<h3>Integer</h3>
<h4>Enter number</h4>
<input type="number" id="numb">
<button id="submitbutton" type="button" onclick="myFunction()">Submit</button>


<h1>
  <div>Result: <span id="result"> xxx </span></div>
</h1>