在通过函数传递参数（Javascript）时遇到问题

我正在使用Javascript创建一个函数，其中用户输入两个整数，该函数将输出两个整数中较小的一个：

功能最小值（num1，num2）{
var num1=document.getElementById（'input1'）。值；
var num2=document.getElementById（'input2'）。值；
如果（num1

正文{
背景色：#A9927D；
最大宽度：900px；
最小宽度：600px；
}
h1{
颜色：#F2F4F3；
文本对齐：居中；
字体大小：45px；
}
h3{
字体大小：20px；
颜色：#F2F4F3；
}
.集装箱{
文本对齐：居中；
}
.按钮容器{
填充：50px；
}
.bttn{
高度：50px；
边界半径：40px；
字体大小：20px；
字体系列：'Lucida Sans'，'Lucida Sans Regular'，'Lucida Grande'，'Lucida Sans Unicode'，日内瓦，Verdana，Sans serif；
填充：30px；
背景色：#5E503F；
盒影：2PX2PX2PX2PX#312A21；
颜色：#F2F4F3；
}
.bttn:悬停{
背景色：#251F18；
}
.bttn：活动{
盒影：0 1px 0px#251F18；
}
.npt{
高度：40px；
宽度：100px；
}
#帕拉{
文本对齐：居中；
保证金：自动；
宽度：40%；
高度：100px；
边框：1px实心#6e59；
背景色：#9C8568；
字体大小：20px；
颜色：#F2F4F3；
}

求最小值
索兰格·赖特








发现

您需要传递输入的id

替换

查找

与

查找

删除JS代码中的最小参数（同时检查num1和num2是否为数字）

函数最小值（）{
var num1=document.getElementById（'input1'）。值；
var num2=document.getElementById（'input2'）。值；
if（Number.isNaN（num1）| Number.isNaN（num2））{
document.getElementById（'para'）.innerHTML=“请插入有效数字”；
返回；
}
如果（num1

重构按钮onclick以不传递参数

 <div class="container">
     <h1>Find the Minimum</h1>
     <h3>by Solange Wright</h2>
     <div class = "button-container">
         <input class = "npt" type="number" id = "input1"><br><br>
         <input class = "npt" type="number" id = "input2"><br><br><br><br>
         <span class = "bttn" onclick = "minimum()">Find</span>
     </div>
     <p id="para"></p>
 </div>

求最小值
索兰格·赖特








发现

通常使用内联事件处理程序。您可以对文档使用一个处理程序，也可以使用通用处理程序（）。这样做可以在处理函数中使用所需的一切

此外，必须检查提交的值（两个输入都有值吗？）并将其转换为

Number

（检索到的输入值始终是字符串）

最后，您可以使用

Math

来输入一个数字数组

这让我们想到（删除的内容以呈现一个）：

document.addEventListener（“单击”，获取最小值）；
//^在文档范围内添加单击侦听器方法
函数getMinimalValue（evt）{
如果（evt.target.id==“FindSalest”）{
常数数=[
document.querySelector（“#input1”）.value | | NaN，
document.querySelector（“#input2”）.value | NaN
]
//^将值聚合到数组中（如果没有值，则指定NaN）
.地图（编号）
//^将值转换为数字（NaN将保持为NaN）
.filter（n=>！isNaN（n））；
//^仅限筛选号码
document.querySelector（“#段落”）.textContent=
数字。长度<2？
//^如果不是，则输入的两个值都是数字
//[数字]数组长度小于2
“您没有输入两个数值”：
`${numbers.join（'and'）}的最小值：${Math.min.apply（null，numbers）}`；
}
}

.npt{
宽度：50px；
边缘底部：5px；
}

查找最小值

 <div class="container">
     <h1>Find the Minimum</h1>
     <h3>by Solange Wright</h2>
     <div class = "button-container">
         <input class = "npt" type="number" id = "input1"><br><br>
         <input class = "npt" type="number" id = "input2"><br><br><br><br>
         <span class = "bttn" onclick = "minimum()">Find</span>
     </div>
     <p id="para"></p>
 </div>