极客教程HTML 哪个标签用于表示计算结果
在本文中，我们将知道哪个标签对于渲染计算结果很有用。主要问题是根据用户的输入计算两个或多个数字，并相应地呈现计算结果。为了显示输出，我们将使用 标签 用于表示计算结果。该标签还可以用于大型和复杂数字的计算。我们也可以使用标签和标签。所有这些操作将在 标签 中执行。
使用的重要术语：
- oninput事件 ：只有元素获得用户输入时，oninput事件才会发生。我们使用标签从用户那里获取一些输入。只有当标签获取的输入发生改变时，才会发生这个事件。oninput属性是HTML5中的新属性。
- parseInt()函数 ：我们使用parseInt()函数将字符串和基数作为参数，然后将其转换为整数。基数参数用于指定要使用的数字系统。如果字符串不包含数字值，则返回NaN，即不是数字。
- 标签 ：HTML中的标签用于表示计算结果。该标签也用于计算大型计算。基本上，该标签从用户那里获取两个或多个输入，然后显示输出结果。
方法：
- 首先，我们将将背景颜色设为浅蓝色。这个操作将在标签中完成。
- 然后初始化标签。
- 在标签中，我们将获取三个输入。所有三个输入都将是类型。你也可以使用标签。
- 第一个输入数字将被初始化为10。然后我们必须将其与第二个插入的数字相乘，该数字初始化为10。
- 然后从初始化为100的总数中减去第三个数字。
- 使用标签，并声明名称，将值分配为’sou’。
- 然后我们必须编写。这意味着前两个输入将相乘，然后从总数中减去第三个数字，然后将结果存储为名称“sou”。
示例1： 这里，我们只使用了number类型的输入。
HTML
<!DOCTYPE html>
<html>
<body bgcolor="lightblue">
<h1>The GeeksforGeeks Output Example</h1>
<form oninput=
"sou.value=parseInt(gfg.value)*parseInt(gho.value)-parseInt(ar.value)">
<input type="number" id="gfg" value="10"> x
<input type="number" id="gho" value="10"> -
<input type="number" id="ar" value="100"> =
<output name="sou" for="gfg gho ar"></output>
</form>
</body>
</html>
输出：
示例2： 这里，我们使用了两个数字类型的输入框和一个范围类型的输入框。在这里，我们只改变了第二个输入框的类型为范围类型。
HTML
<!DOCTYPE html>
<html>
<body bgcolor="lightblue">
<h1>The GeeksforGeeks Output Example</h1>
<form oninput=
"sou.value=parseInt(gfg.value)*parseInt(gho.value)-parseInt(ar.value)">
<input type="number" id="gfg" value="10"> x
<input type="range" id="gho" value="10"> -
<input type="number" id="ar" value="100"> =
<output name="sou" for="gfg gho ar"></output>
</form>
</body>
</html>
输出：
