如何获取HTML输入并将其作为参数传递到JavaScript函数中?

如何获取HTML输入并将其作为参数传递到JavaScript函数中?,javascript,html,forms,Javascript,Html,Forms,现在,我正在尝试创建一个应用程序,该应用程序将邮政编码作为输入,并返回与此人最近的位置。我遇到的问题是能否将输入作为Javascript函数中的参数。下面是应用程序的一部分: document.getElementById(“myForm”).onsubmit=function(){ zipCode() }; //邮政编码定位器 常量zipCode=(输入)=>{ //确保邮政编码为5个数字 如果(input.length!==5){ 返回“请输入有效的5位zipcode”; } if(输入.

现在,我正在尝试创建一个应用程序,该应用程序将邮政编码作为输入,并返回与此人最近的位置。我遇到的问题是能否将输入作为Javascript函数中的参数。下面是应用程序的一部分:

document.getElementById(“myForm”).onsubmit=function(){
zipCode()
};
//邮政编码定位器
常量zipCode=(输入)=>{
//确保邮政编码为5个数字
如果(input.length!==5){
返回“请输入有效的5位zipcode”;
}
if(输入.切片(0,2)='06'){
返回“您最近的位置在CT中”;
}else if(input.slice(0,2)='01'){
返回“您最近的位置在MA”;
}否则{
返回“未找到位置”;
}
}
请输入您的邮政编码:


使用
.value
获取输入元素的值

此外,该函数还应处理返回值,例如在警报中显示它。为了防止表单提交和重新加载页面,它应该返回
false

您不应该在HTML中添加同时具有
onsubmit
和JavaScript中分配给
onsubmit
的处理程序

document.getElementById(“myForm”).onsubmit=function(){
document.getElementById(“message”).innerText=zipCode(document.getElementById(“zip”).value);
返回false;
};
//邮政编码定位器
常量zipCode=(输入)=>{
//确保邮政编码为5个数字
如果(input.length!==5){
返回“请输入有效的5位zipcode”;
}
if(输入.切片(0,2)='06'){
返回“您最近的位置在CT中”;
}else if(input.slice(0,2)='01'){
返回“您最近的位置在MA”;
}否则{
返回“未找到位置”;
}
}
请输入您的邮政编码:


首先,您应该在输入中添加一个
id

然后可以使用
document.getElementById

let input=document.getElementById('zipcode');
//邮政编码定位器
常量zipCode=()=>{
//确保邮政编码为5个数字
如果(input.length!==5){
返回“请输入有效的5位zipcode”;
}
if(输入.切片(0,2)='06'){
返回“您最近的位置在CT中”;
}else if(input.slice(0,2)='01'){
返回“您最近的位置在MA”;
}否则{
返回“未找到位置”;
}
}
请输入您的邮政编码:


zipCode(请参考此处的PutValues)
如果您为您的输入提供了一个id,那么您可以更轻松地查找它,这会有所帮助。谢谢!不管怎样,我可以在没有警报的情况下完成这项工作吗?我希望在提交表单后,答案将填充在那里,而不是作为警报。这只是示例代码。您可以对返回值执行任何操作。我已经更新了示例,将该值放入DIV中。