html 计算两个input的值

要计算两个 input 的值，首先需要获取这两个 input 的值，然后进行相应的计算。以下是一个示例，可以计算两个数的和：

HTML 代码：

<input type="text" id="input1">
<input type="text" id="input2">
<button onclick="calculate()">计算</button>
<p id="result"></p>

JavaScript 代码：

function calculate() {
  // 获取输入框的值
  var input1 = document.getElementById("input1").value;
  var input2 = document.getElementById("input2").value;

  // 将输入框的值转换为数值类型
  var num1 = parseFloat(input1);
  var num2 = parseFloat(input2);

  // 计算两个数的和
  var sum = num1 + num2;

  // 将结果显示在页面上
  document.getElementById("result").innerHTML = "结果为：" + sum;
}

在这个示例中，我们首先通过 `document.getElementById()` 方法获取了两个输入框的值，并将它们转换为数值类型。然后，我们将这两个数相加得到结果，并将结果显示在页面上。

相关问题

html 计算两个input的值将结果显示在第三个input里面

您可以使用JavaScript来实现这个功能。首先，您需要在HTML文件中创建三个input元素，其中两个用于输入数字，第三个用于显示结果。例如：

<input type="number" id="num1">
<input type="number" id="num2">
<input type="number" id="result" readonly>

接下来，您需要编写JavaScript代码来计算输入的值并将结果显示在第三个input元素中。您可以使用`getElementById()`方法获取输入元素的值，并使用`value`属性设置第三个input元素的值。例如：

var num1 = document.getElementById("num1");
var num2 = document.getElementById("num2");
var result = document.getElementById("result");

function calculate() {
  var sum = parseInt(num1.value) + parseInt(num2.value);
  result.value = sum;
}

在这个示例中，我们定义了一个名为`calculate()`的函数，它获取两个输入元素的值，将它们相加并将结果显示在第三个输入元素中。

最后，您需要将函数绑定到一个事件，以便在输入变化时自动计算结果。您可以使用`addEventListener()`方法将函数绑定到`input`事件上。例如：

num1.addEventListener("input", calculate);
num2.addEventListener("input", calculate);

这样，当用户在输入框中输入数字时，计算函数将自动调用并更新结果。

怎么使得input框的值实时等于另外两个input框的值的和,jquery实现

你可以使用 jQuery 的 `keyup()` 方法来监听两个输入框的输入事件，然后在事件处理函数中计算它们的和，并将结果赋值给第三个输入框。以下是示例代码：

HTML:

<input type="number" id="num1">
<input type="number" id="num2">
<input type="number" id="sum" readonly>

jQuery:

$(document).ready(function() {
  $('#num1, #num2').keyup(function() {
    var num1 = parseFloat($('#num1').val());
    var num2 = parseFloat($('#num2').val());

    if (isNaN(num1)) num1 = 0;
    if (isNaN(num2)) num2 = 0;

    $('#sum').val(num1 + num2);
  });
});

在上面的代码中，我们首先使用 `parseFloat()` 函数将输入框的值转换为浮点数，然后使用 `isNaN()` 函数检查输入框的值是否为有效数值，如果不是，则将值设为 0。最后，我们将两个数值相加，并将结果赋值给第三个输入框。