Javascript 文本（输入）字段中的HTML显示结果？_Javascript_Html

Javascript 文本（输入）字段中的HTML显示结果？

javascript html

Javascript 文本（输入）字段中的HTML显示结果？,javascript,html,Javascript,Html,我有一个简单的HTML表单，有3个输入字段，当您点击=按钮时，它假设添加您在前2个输入字段中键入的2个数字，并在第3个字段中显示结果。有可能吗？（我需要一个方框（或表格）或一些东西，而不是纯文本）。我尝试了以下方法，但没有效果（它没有任何作用），有人能帮我吗 <HTML> <HEAD> <TITLE>Sum</TITLE> <script type="text/javascript">

我有一个简单的HTML表单，有3个输入字段，当您点击=按钮时，它假设添加您在前2个输入字段中键入的2个数字，并在第3个字段中显示结果。有可能吗？（我需要一个方框（或表格）或一些东西，而不是纯文本）。我尝试了以下方法，但没有效果（它没有任何作用），有人能帮我吗

<HTML>
      <HEAD>
        <TITLE>Sum</TITLE>

        <script type="text/javascript">
          function sum()
          {
             var num1 = document.myform.number1.value;
             var num2 = document.myform.number2.value;
             var sum = parseInt(num1) + parseInt(num2);
             document.getElementById('add').innerHTML = sum;
          }
        </script>
      </HEAD>

      <BODY>
        <FORM NAME="myform">
          <INPUT TYPE="text" NAME="number1" VALUE=""> + 
          <INPUT TYPE="text" NAME="number2" VALUE="">
          <INPUT TYPE="button" NAME="button" Value="=" onClick="sum()">
          <INPUT TYPE="text" ID="add" NAME="result" VALUE="">
        </FORM>

      </BODY>
</HTML>


总和
函数和（）
{
var num1=document.myform.number1.value；
var num2=document.myform.number2.value；
var sum=parseInt（num1）+parseInt（num2）；
document.getElementById（'add'）。innerHTML=sum；
}
+

innerHTML

设置元素内的文本（包括html元素）。通常，我们将它用于div、span等元素，以便在其中插入其他html元素

对于您的情况，您需要设置输入元素的值。因此，您应该使用

值

属性

将

innerHTML

更改为

value

document.getElementById('add').value = sum;

您真的希望结果出现在输入框中吗？如果没有，那么考虑一个具有边框的表设置为透明的，并使用

document.getElementById（'sum'）。innerHTML=sum


 <HTML>
      <HEAD>
        <TITLE>Sum</TITLE>

        <script type="text/javascript">
          function sum()
          {

             var num1 = document.myform.number1.value;
             var num2 = document.myform.number2.value;
             var sum = parseInt(num1) + parseInt(num2);
             document.getElementById('add').value = sum;
          }
        </script>
      </HEAD>

      <BODY>
        <FORM NAME="myform">
          <INPUT TYPE="text" NAME="number1" VALUE=""/> + 
          <INPUT TYPE="text" NAME="number2" VALUE=""/>
          <INPUT TYPE="button" NAME="button" Value="=" onClick="sum()"/>
          <INPUT TYPE="text" ID="add" NAME="result" VALUE=""/>
        </FORM>

      </BODY>
</HTML>

总和
函数和（）
{
var num1=document.myform.number1.value；
var num2=document.myform.number2.value；
var sum=parseInt（num1）+parseInt（num2）；
document.getElementById（'add'）。value=sum；
}
+

这应该能正常工作。 1.设置第三个字段（输入字段）时使用.value而不是“innerHTML” 2.使用.value和输入标记关闭输入标记


总和
函数和（）
{
var num1=document.myform.number1.value；
var num2=document.myform.number2.value；
var sum=parseInt（num1）+parseInt（num2）；
document.getElementById（'add'）。value=sum；
}
+

使用innerHTML和DIV


总和
函数和（）
{
var num1=document.myform.number1.value；
var num2=document.myform.number2.value；
var sum=parseInt（num1）+parseInt（num2）；
document.getElementById（'add'）。innerHTML=sum；
}
+

将输入字段的value属性设置为等于总和。```这不起作用，你能帮我吗？它起了很大的作用，哈哈，告诉你吧，我对JavaScript和HTML一无所知。谢谢是的，在表格中显示结果是个更好的主意。我试试这个办法。

<HTML>
  <HEAD>
    <TITLE>Sum</TITLE>

    <script type="text/javascript">
      function sum()
      {

         var num1 = document.myform.number1.value;
         var num2 = document.myform.number2.value;
         var sum = parseInt(num1) + parseInt(num2);
         document.getElementById('add').value = sum;
      }
    </script>
  </HEAD>

  <BODY>
    <FORM NAME="myform">
      <INPUT TYPE="text" NAME="number1" VALUE=""/> + 
      <INPUT TYPE="text" NAME="number2" VALUE=""/>
      <INPUT TYPE="button" NAME="button" Value="=" onClick="sum()"/>
      <INPUT TYPE="text" ID="add" NAME="result" VALUE=""/>
    </FORM>

  </BODY>
</HTML>

<HTML>
  <HEAD>
    <TITLE>Sum</TITLE>

    <script type="text/javascript">
      function sum()
      {

         var num1 = document.myform.number1.value;
         var num2 = document.myform.number2.value;
         var sum = parseInt(num1) + parseInt(num2);
         document.getElementById('add').innerHTML = sum;
      }
    </script>
  </HEAD>

  <BODY>
    <FORM NAME="myform">
      <INPUT TYPE="text" NAME="number1" VALUE=""/> + 
      <INPUT TYPE="text" NAME="number2" VALUE=""/>
      <INPUT TYPE="button" NAME="button" Value="=" onClick="sum()"/>
      <DIV  ID="add"></DIV>
    </FORM>

  </BODY>
</HTML>