JS：如何将文本框中的值打印到屏幕上？

Question

我想根据表单中输入（文本框）中的文本在屏幕上打印一个值。

<input type="text" name="pesos" value="">
<button onclick="conversorMonedas()">Convertir!</button>
<p id="resultado"></p>

function conversorMonedas() {
    var pesos = document.getElementById("pesos");
    document.getElementById("resultado").innerHTML = pesos.value;
}

当我点击按钮时，控制台的错误短暂出现然后消失。我设法阅读了它，它说 pesos.value 是空的。

如何打印出我在文本框中写的内容？谢谢！

Answer 1

您没有 ID 为 pesos 的元素。将 id 添加到您的输入：

<input type="text" name="pesos" id="pesos" value="">

Answer 2

通过使用

 var pesos = document.getElementById("pesos");

您正在查询 id 属性设置为 pesos 的内容，查看您的 HTML 代码，您没有设置 id 你的 <input>

简单的加上，应该是这样的：

<input type="text" id="pesos" name="pesos" value="">

Answer 3

没有 ID 比索的元素。因此，要么将 id="pesos" 添加到输入中，要么修改您的函数以使用 getElementByNames as

$scope.conversorMonedas = function() {
    var pesos = document.getElementsByName("pesos")[0];
    document.getElementById("resultado").innerHTML = pesos.value;
}

但如果您有多个同名元素，这可能不起作用

Answer 4

 <input id="input" type="text" name="text">

function Val() {
  var x = document.getElementById("input").value;
  document.getElementById("print1").innerHTML = x;
 
}

Answer 5

<input id="input" type="text" name="box">
  <button id="btn" type="button" name="button" 
        onclick="Vale()">Post</button>
   <span id="print1"></span>    


var post = []
    function Vale() {
      const val = document.querySelector('input').value;
      document.getElementById('input').value = "";
      console.log(val);
      post.push(val)
      document.getElementById('print1').innerHTML = val
      console.log(post);
    }

JS：如何将文本框中的值打印到屏幕上？

JS: How to print a value from a text box into the screen?

javascript

innerhtml