Question

我想取一个文本框的值并放入一个变量，然后在按下按钮时将变量的值作为文本打印在页面上。我正在使用JavaScript，而不是使用form标签。那么，我该如何利用自己拥有的东西呢？

我的代码：

var x = document.getElementById("I1");
var y = document.getElementById("I2");
var z = x+y;

document.getElementById("B2").onclick = function myFunction2(){
  documen.getElementById("H2").innerHTML = x;
}

Answer 1

如果我对您的理解正确，那么您只想从.innerHTML中抢走<textarea>，然后将其分配给x。另外请注意，点击功能中包含documen而不是document。

请注意，您可能还希望输出z而不是x。仅当x和y都是整数时，这才起作用（按您期望的方式），因此对两个值运行parseInt()也是一个好主意。

这是一个可行的示例：

var x = parseInt(document.getElementById("I1").innerHTML);
var y = parseInt(document.getElementById("I2").innerHTML);
var z = x + y;

document.getElementById("B2").onclick = function myFunction2() {
  document.getElementById("H2").innerHTML = z;
}

<textarea id="I1">1</textarea>
<br />
<div id="I2">2</div>
<br />
<button id="B2">Button</button>
<br />
<br />
<div id="H2"></div>

Answer 2

I1和I2是您的文本框的ID吗？因为要获取内部文本，您需要使用

var x = document.getElementById("I1").value;

Answer 3

您应该依靠textarea的value属性而不是其innerHTML属性，并在按钮的click事件处理程序中获取它。

   

    document.getElementById("B2").onclick = function() {
     var x = document.getElementById("I1").value;
 document.getElementById("H2").innerHTML = x;
    }

<textarea id="I1">1</textarea>
<br />
<button id="B2">Button</button>
<br />
<br />
<div id="H2"></div>

Answer 4

document.getElementById("B2").onclick = function myFunction2(){
	var x = Number(document.getElementById("I1").value);
	var y = Number(document.getElementById("I2").value);
	var z = x+y;
  document.getElementById("H2").innerHTML = z;
}

<input type="text" id="I1" value="" /> + 
<input type="text" id="I2" value="" /> = 
<button id="B2">
?
</button>
<span id="H2">
</span>

如何使用JavaScript将文本框中的输入带到变量，然后打印变量的值？

4 个答案: