Question

我想要一个var = input 并为该输入添加eg: 5，然后我想将我的输入打印到我的html文件中。

例如:(我知道匹配getElementbyId，我只是难以显示我的答案并附加。

  <script>
    funtion printmsg (){
    var a = document.getElementById("myInput").value;
    var b = a+5;
     return b;
        /*i would like to keep my p[rogram going and appending  the answers until i tell the program to stop.*/
        </script>
 <body>
        <input id="myinput">
        <button onclick="printmsg">print</button>
        <span id="display"></span>

    </body>

Answer 1

您可能想要考虑使用属性onkeyup，实际上，每次在输入字段中输入字符时（使用键盘）。

将调用您指定的函数（在本例中为myFunc）

function myFunc(elem) {
  console.log(elem.value);
  // use Number to parse number string to a number
  input = new Number(elem.value);
  output = input + 5;
  document.getElementById('out').value = output;
}

<p>input</p>
<input id="in" type="text" onkeyup="myFunc(this)"></input>
<p>answer</p>
<input id="out" type="text"></input>

Answer 2

如果要在单击按钮时向页面添加其他输入元素，请执行以下操作：

<body>
<div id="inputList">
<input type="text" id="myInput" />
</div>
</body>

<script>
var theDiv = document.getElementById('inputList');
var newInput = document.createElement('input');
var a = document.getElementById('myInput').value;
var b = Number(a) + 5;
newInput.value = String(b);
theDiv.appendChild(newInput);
</script>

（编辑）我在评论中提出了另一个代码建议，但令我懊恼的是评论中没有格式化，所以这是一团糟。所以我会把它放在这里。

myInput是创建的新输入字段。如果您希望在下次按下按钮时将其作为输入的新位置，那么您可能想要：

<script>
var theDiv = document.getElementById('inputList');
var a = document.getElementById("myInput");
var printmsg = function() {
   var newInput = document.createElement('input');
   var b = Number(a.value) + 5;
   newInput.value = String(b);
   theDiv.appendChild(newInput);
   a = newInput;
};
</script>

如何在javaScript中输出我的输入和答案

2 个答案: