第一个js +html程序

<script type="text/javascript">
var result_1;
var result_2;

function get()
{
  var a = getFirstNumber();
  var b = getTwiceNumber();
 
  sendResult(a,b);
 
}


//给p标签传值
function sendResult(result_1,result_2)
{
  var num = document.getElementById("result")
  num.innerHTML ="input1="+ result_1+"  "+"input2="+result_2;
}

//获取第一位数字
function getFirstNumber()
{
  var firstNumber = document.getElementById("first").value;
  return firstNumber;
}

//获取第二位数字
function getTwiceNumber()
{
  var twiceNumber = document.getElementById("twice").value;
  return twiceNumber;
}

</script>

<p>@.@</p>
<table border="1" style="position:center;">
  <tr>
    <td>input1:</td>
    <td><input type="text" id="first"/></td>
 
    <td>input2:</td>
    <td><input type="text" id="twice"/></td>

    <td colspan="2" >
      &nbsp;
      <button style="width:inherit" onclick="get()">get</button>
     
   
    </td>
  </tr>
  <tr>
    <td colspan="4" rowspan="4">
      <p id="result"></p>
    </td>
  </tr>
</table>

猜你喜欢

转载自blog.csdn.net/m0_37632218/article/details/75309439