显示两个 Div 标签的最大值

Question

我使用数学逻辑计算插件来计算并寻求最大结果量。当我在字段中输入一个值进行计算后，下面的两个div转为总结果，例如10和11。

<div id="value1">10</div>
<div id="value2">11</div>

如果没有计算输入值，两个div将显示为零。我想要做的是让第三个 div 显示上面两个 div 的最大值。是否可以使用 JavaScript 或任何其他语言？你能建议如何实现这一目标吗？我在互联网上搜索过，但没有找到任何信息。网上好像很少见

Answer 1

是这样的吗？

const value1 = parseInt(document.getElementById("value1").innerText, 10);
const value2 = parseInt(document.getElementById("value2").innerText, 10);
document.getElementById("value3").innerHTML = Math.max(value1, value2);

<div id="value1">10</div>
<div id="value2">11</div
<div>Value 3 : <span id="value3"></span></div>

如果您想要一个更通用的代码来处理 N 个值：

const values = [].map.call(document.querySelectorAll('.value'), function(div) {
  return parseInt(div.innerText);
});
document.getElementById('result').innerHTML = Math.max(...values);

<div id="value1" class="value">10</div>
<div id="value2" class="value">30</div>
<div id="value3" class="value">20</div>
Result: <div id="result"></div>

显示两个 Div 标签的最大值

Display max value from two Div Tags

html

javascript

calculator

max