输出html不能用于增加值

Question

我正在尝试在html中显示输出结果，但它没有显示任何内容。

这是我的代码 -

       <td><input type="text" id ="set1" name ="set1"></td>
       <td><input type="text" id ="set2" name ="set2"></td>
       <td><output style="display: inline" name="x" for="set1+set2"></output></td>

那我怎样才能显示两个输入整数的加值!!

Answer 1

您需要设置x，还需要更改输入的名称：

＆＃13;

＆＃13;

<form oninput="x.value=parseInt(set1.value)+parseInt(set2.value)">
    <td><input type="text" id="set1" name ="set1"></td>
    <td><input type="text" id="set2" name ="set2"></td>
    <td><output style="display: inline" name="x" for="set1 set2"></output></td>
 </form>

＆＃13;

＆＃13;

＆＃13;

你可以使用Angular.js，这使得这更简单：

＆＃13;

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app>
  <td><input type="number" ng-model="left"></td>
  <td><input type="number" ng-model="right"></td>
  <p>Answer: {{left + right}}</p>
</div>

＆＃13;

＆＃13;

＆＃13;