<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>测试</title>
<script>
function validateNum(){
var x,text
//首先得获得输入的值,即获得 id = "numb"的值
x = document.getElementById("numb").value;
//获取到值后,1、判断是否为数字,2、判断该值是否在1 到 10 之间
if(isNaN(x) || x < 1 || x > 10){
text = "输入错误"
}else{
text = "输入正确"
}
//打印出text
document.getElementById("demo").innerHTML = text;
}
</script>
</head>
<body>
<p>请输入 1 到 10 之间的数字:</p>
<input id = "numb">
<button type="button" onclick="validateNum()">提交</button>
<p id = "demo"></p>
</body>
</html>