时间戳

首页 > 解决方案 > JS 函数，在用户给出的 3 中找到最小的数字，然后将其写在提交框旁边

javascript - JS 函数，在用户给出的 3 中找到最小的数字，然后将其写在提交框旁边

问题描述

这是我的表格：

<form>
  <label for="number1"> First number</label>
  <input type="number" id="number1" value=""><br /><br />

  <label for="number2"> Second number</label>
  <input type="number" id="number2" value=""><br /><br />

  <label for="number3"> Third number</label>
  <input type="number" id="number3" value=""><br /><br />
  
  <input type="button" class="button" value="The smallest number is" onclick="minimal()">
  <p id="result"></p>
</form>

我正在尝试编写一个 JS 函数，该函数找到三个中最小的数字并将其写在 <p id="result" 元素中。我知道 Math.min() 但是我不知道如何构造函数，当我尝试时出现“无法读取 null 的属性‘值’”错误

标签： javascript

解决方案

function minimal() {
  const val1 = parseInt(document.getElementById("number1").value);
  const val2 = parseInt(document.getElementById("number2").value);
  const val3 = parseInt(document.getElementById("number3").value);
  const res = document.getElementById("result");
  const min = Math.min(val1, val2, val3);
  res.innerText = min;
}
<form>
<input type="number" id="number1" value=""><label for="number1"> First number</label><br/><br/>
<input type="number" id="number2" value=""><label for="number2"> Second number</label><br/><br/>
<input type="number" id="number3" value=""><label for="number3"> Third number</label><br/><br/>
<input type="button" class="button" value="The smallest number is" onclick="minimal()"><p id="result"></p>
</form>

推荐阅读