我们先看看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()</h3><p>请输入数字!</p><input type="text" id="yueying"/><!--这个是输入框--><button type="button" onclick="yue()">提交</button><!--这个是提交按钮,点击这个按钮之后执行onclick点击事件yue()-->
关注微信公众号(月影WEB),了解更多的前后端知识;
欢迎大家关注互相交流学习;