Javascript 在按键验证后，如何在HTML页面中显示结果？

我已经创建了一个小转换器（我是一个完全的新手），我正试图使结果显示在网页上

我试着在我的课程中浏览一些YouTube视频，但我似乎无法让它起作用

let convertToInch=函数（编号）{
if（编号isInteger（编号））{
return convertedNumber=Math.round（数字*0.393700787）
}否则{
console.log（'不是数字'）
}
}
document.querySelector（“#conversion”）.addEventListener（'submit'，函数（e）{
e、 预防默认值（）；
convertedNumber=convertToInch（如target.elements.text.value）；
console.log（convertedNumber）；
})

转换

您需要先将字符串转换为数字，然后才能使用

number.isInteger

如果给定的参数不是typeof number，则将始终返回false

从DOM检索到的值始终为字符串类型

可以使用将字符串转换为整数

let convertToInch=函数（编号）{
if（Number.isInteger（parseInt（Number）））{
return convertedNumber=Math.round（数字*0.393700787）
}否则{
console.log（'不是数字'）
}
}
document.querySelector（“#conversion”）.addEventListener（'submit'，函数（e）{
e、 预防默认值（）；
convertedNumber=convertToInch（如target.elements.text.value）；
console.log（convertedNumber）；
})

转换

您需要先将字符串转换为数字，然后才能使用

number.isInteger

如果给定的参数不是typeof number，则将始终返回false

从DOM检索到的值始终为字符串类型

可以使用将字符串转换为整数

let convertToInch=函数（编号）{
if（Number.isInteger（parseInt（Number）））{
return convertedNumber=Math.round（数字*0.393700787）
}否则{
console.log（'不是数字'）
}
}
document.querySelector（“#conversion”）.addEventListener（'submit'，函数（e）{
e、 预防默认值（）；
convertedNumber=convertToInch（如target.elements.text.value）；
console.log（convertedNumber）；
})

转换