如何在javaScript中输出我的输入和答案[关闭]答案

【问题标题】：How to output my input with answer in javaScript [closed]如何在javaScript中输出我的输入和答案[关闭]
【发布时间】：2015-12-14 03:04:33
【问题描述】：

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

例如：（我知道匹配getElementbyIds，我只是在显示我的答案和附加时遇到了麻烦。

  <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>

【问题讨论】：

输出什么元素或者？只输出.. 如果只输出试试 alert(b);
拥有您正在使用的 HTML 可能会有所帮助，具体答案将部分取决于它。
我想在我的 html 中做，而不是在我尝试做 innerHTML=b 的窗口中；
您的代码中有错误，您将function 拼错为funtion
请查看控制台是否有错误。

标签： javascript html input output

【解决方案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>

【讨论】：

我从不使用 onkeyup 它有什么作用？
这是一个事件，在这种情况下，每次您按下一个键（在您选择输入时在键盘上）分配的功能将被调用。你可以在这里阅读更多关于它的信息w3schools.com/jsref/event_onkeyup.asp
我只是谢谢你。我真的很新鲜，我们在 3 天前开始编写脚本，所以我现在仍然熟悉所有的函数、方法和关键字
另外，我忘了删除“console.log(elem.value)”行。我把那条线放在那里进行调试。它会打印您在 chrome 控制台中输入的任何内容。
所以单词数字将我的变量转换为整数？

【解决方案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>

(edit) 我在评论中提出了另一个代码建议，但令我懊恼的是 cmets 中没有格式，所以一团糟。所以我把它放在这里。

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>

【讨论】：

为什么你从来没有提到 myInput 是你实际输入信息的地方？
现在清楚一点了，怎么叫div inputlist和实际的输入框呢？
我刚刚创建了一个 div，以便将新的输入元素附加到其中。
所以现在我想以 10 为例并添加 5 我希望程序在我单击按钮时显示结果并且我想输入下一个数字但我想查看我的结果最后一个输入，我想继续，直到我输入例如结束我猜我必须在你的代码中添加一个按钮并为函数分配一个 oclick