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

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

本文关键字：打印 屏幕 文本 JS      更新时间：2023-09-26

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

<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是空的。

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

您没有带有 id 比索的元素。将 id 添加到您的输入中：

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

通过使用 

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

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

只需添加它，它应该是这样的：

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

没有带有 id 比索的元素。因此，要么添加id="pesos"到输入，要么修改你的函数以使用getElementByNames作为

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

但是，如果您有多个具有相同名称的元素，这可能不起作用

 <input id="input" type="text" name="text">
function Val() {
  var x = document.getElementById("input").value;
  document.getElementById("print1").innerHTML = x;
 
}

<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);
    }
相关文章：