输出 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，同时，您需要更改输入名称：

<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>

您可以使用 Angular.js，这样会简单很多：

<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>

输出 html 无法增加价值

output html not working for adding value

html

output