我们先看看JS代码和效果图

代码如下：

按F12预览效果图如下：

下面我们来讲解下这个JS：

JS部分：

<script>
function yue()//申明一个名字叫yue()的JS方法
{
    var x=document.getElementById("yueying").value;//从整个文档里面获取一个元素id叫做yueying的标签的值，并且把该值放到x中
    if(isNaN(x))//如果x不是数字就执行这个if语句，如果是数字就不执行这个if语句
    {
        alert("请输入数字！");//弹框
    }
}
</script>

代码部分：

<h3>月影web(www.yydpt.com)</h3>
<p>请输入数字！</p>
<input type="text" id="yueying"/><!--这个是输入框-->
<button type="button" onclick="yue()">提交</button><!--这个是提交按钮，点击这个按钮之后执行onclick点击事件yue()-->

关注微信公众号（月影WEB），了解更多的前后端知识；
欢迎大家关注互相交流学习；