今天我们来分享一个案例,内容是根据你输入的数值来判断出你是什么阶段的年龄。
下面就看我操作吧。
代码:
布局的话我们就只需要一个输入框和一个按钮就好了,输入框的类型我们这就改为“number”数值类型就好了,这样我们输入的内容就只能输入数值,输入字符或者特殊符号都是无法显示的。
JS代码:
我们先写页面加载事件,我们的代码都放里面,先给我们的“button”按钮设置一个id名,然后获取到,接着直接用“onclick”点击事件进行绑定按钮,接着我们在“onclick”事件里面获取到输入框的属性,获取属性在后面加上“.value”就可以获取到了。
我们这里就用if else 来写这个事件,我们就这样来一一举例,如果输入框的数值小于0,那么就执行xxxx事件,我们这里会写到多个事件,我们就用“else if”来接着写下一条就可以了,就按着这样去一一列举剩下的代码。(这里我们也可以判断出输入的是否为负数或者小数,如果为这两者就显示:“年龄不能为小数”或者“年龄不能为小数”。)
以上就是我今天所分享的案例,希望可以帮助到你们。