利用ES6实现简单输入数据判断数据（JavaScript、html、css）

青青草原小魔王

已于 2022-07-17 18:06:56 修改

阅读量672

点赞数 6

分类专栏： ES6 文章标签： es6 javascript html5 前端 html

于 2022-07-17 00:44:25 首次发布

本文链接：https://blog.csdn.net/qq_65715980/article/details/125827136

版权

本文介绍了如何利用ES6特性在前端JavaScript中实现简单的数据输入判断。通过HTML布局、JavaScript操作，包括获取元素、处理输入信息以及进行信息判断，实现数据验证功能。文章提供了完整代码示例。

摘要由CSDN通过智能技术生成

一、效果展示

二、HTML布局

姓名:<input type="text"> 分数：<input type="text"> <input type="button" value="添加" class="btn1">
    <p>学生信息：</p>
    <ul></ul>
    <input type="button" value="查找及格的学生" class="btn2">
    <p>及格学生如下:</p>
    <ul></ul>

写html主要实现基本样式，如下图，由于做的简单的样式图图，就没有用css写样式：