基本上，我正在开发一个 HTML 表单，该表单将验证一些数字(手动插入的土壤污染物浓度)，并根据这些数字在刻度上的位置在末尾的单元格中给出一条消息
就我而言，土壤中铜的浓度为x=500 mg/kg。 我需要验证这个数字与土壤污染的一些间隔限制(400 < x < 1800=污染)并显示一条消息，例如:
"your soil is considered polluted"
因为例如浓度超过 400 mg/kg。
有人可以告诉我如何做到这一点吗？ 我需要将其集成到网页中。
请您参考如下方法:
类似这样的吗？
window.addEventListener("load", function() {
document.getElementById("form1").addEventListener("submit", function(e) {
e.preventDefault(); // cancel submit
let val = this.copper.value;
const copper = isNaN(val) || val.trim() === "" ? 0 : +val; // convert to number
let text = "Please enter a numeric value";
if (copper > 0) {
text = "Your soil is ";
if (copper <= 400) text += "not polluted";
else if (copper < 1800) text += "considered polluted";
else text += "considered strongly polluted";
}
document.getElementById("soilMessage").innerHTML = text;
})
})<title>Soil analysis</title>
<form id="form1">
<input type="text" name="copper" id="copper" value="" />
<input type="submit" value=" Validate " />
</form>
<div id="soilMessage"></div>
