如何制作一个特效，能够在页面上动态显示一个计算结果

页面有三个Text，前两个用于输入数字，第三个用于实时显示前两个数字的和，应该怎么写？谢谢！

解决方案 »

  1.   

    <html>
    <head>
    <script language=JavaScript>
    function AA()
    {
    var LINT_T1 = document.getElementById("t1").value;
    var LINT_T2 = document.getElementById("t2").value;
    if(LINT_T1 == "")
    {
    LINT_T1 = 0;
    }
    if(LINT_T2 == "")
    {
    LINT_T2 = 0;
    }
    document.getElementById("t3").value = parseInt(LINT_T1) + parseInt(LINT_T2);
    }
    </script>
    </head>
    <body><INPUT type="text" name="t1" id="t1" onpropertyChange="AA()">
    <INPUT type="text" name="t1" id="t2" onpropertyChange="AA()">
    <INPUT type="text" name="t1" id="t3"></body>
    </html>
      

  2.   

    L@_@K
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title> new document </title>
        <meta name="generator" content="editplus" />
        <meta name="author" content="Gao YiXiang" />
        <meta name="email" content="[email protected]" />
        <meta name="keywords" content="javascript dhtml dom" />
        <meta name="description" content="I love web development." />
    </head>
    <body>
        <input type="text" id="n1" />
        +<input type="text" id="n2" /><br />
        <input type="button" id="calc" value="Sum" /><input type="text" id="sum" /><br />
        <script type="text/javascript">
        <!--
    calc.onclick = function()
    {
        var num1 = parseInt(n1.value);
        var num2 = parseInt(n2.value);
        // 容错处理
        if (isNaN(num1)) num1 = 0; 
        if (isNaN(num2)) num2 = 0;    sum.value = num1 + num2;
    };
        //-->
        </script>
    </body>
    </html>
      

  3.   

    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <script> 
    function Compupte()
    {
      var op1=document.getElementById("op1");
      var op2=document.getElementById("op2");
      var result=document.getElementById("result");
      if(op1.value==""||isNaN(op1.value))
      {alert('操作数1不能为空并且不能为非整数！');op1.focus();return;}
      if(op2.value==""||isNaN(op2.value))
      {alert('操作数2不能为空并且不能为非整数！');op2.focus();return;}
      result.value=parseFloat(op1.value)+parseFloat(op2.value);
    }
    </script> 
    </head>
    <body> 
    <input type='text' id='op1'/>+
    <input type='text' id='op2'/>=
    <input type='text' id='result'/>
    <br/>
    <input type="button" value="计算" onclick="Compupte()"/>
    </body> 
    </html> 
      

  4.   

    再改下，剛才沒有判斷文本框內容是否為數字
    <html>
    <head>
    <script language=JavaScript>
    function AA()
    {
    var LINT_T1 = document.getElementById("t1").value;
    var LINT_T2 = document.getElementById("t2").value;
    if(LINT_T1 == "" || isNaN(LINT_T1))
    {
    LINT_T1 = 0;
    }
    if(LINT_T2 == "" || isNaN(LINT_T2))
    {
    LINT_T2 = 0;
    }
    document.getElementById("t3").value = parseInt(LINT_T1) + parseInt(LINT_T2);
    }
    </script>
    </head>
    <body><INPUT type="text" name="t1" id="t1" onpropertyChange="AA()">
    <INPUT type="text" name="t1" id="t2" onpropertyChange="AA()">
    <INPUT type="text" name="t1" id="t3"></body>
    </html>
      

  5.   

    只会说ajax有本事写个样式出来啊 太假了