知识社区
切换
AI助手
Ai社区
文章
资讯
主页
AI助手
社区
文章
资讯
-->
常用工具
网站模板
登录
注册
全部
问答
分享
建议
讨论
公告
动态
其它
javescript实现输入学生信息之后点去添加之后将学生信息展示。当没有输入内容点击添加时提示请输入信息。
动态
未结
0
199
小小草
LV1
2023年9月23日 23:40
发表
以下是一个简单的JavaScript代码实现: HTML部分: ```
姓名:
年龄:
性别:
男
女
添加学生信息
``` JavaScript部分: ``` function addStudent() { var name = document.getElementById("name").value; var age = document.getElementById("age").value; var gender = document.getElementById("gender").value; if (name == "" || age == "" || gender == "") { alert("请输入完整的学生信息!"); return; } var studentList = document.getElementById("studentList"); var newStudent = document.createElement("p"); newStudent.innerHTML = "姓名:" + name + ",年龄:" + age + ",性别:" + gender; studentList.appendChild(newStudent); // 清空输入框 document.getElementById("name").value = ""; document.getElementById("age").value = ""; document.getElementById("gender").value = "male"; } ``` 当用户点击“添加学生信息”按钮时,会调用`addStudent()`函数。该函数首先获取输入框中的学生信息,然后判断是否有未输入的内容。如果有,则弹出提示框并返回;否则,将学生信息添加到页面上,并清空输入框。 需要注意的是,在HTML中,我们为“添加学生信息”按钮绑定了`onclick`事件,当用户点击该按钮时,会自动调用`addStudent()`函数。
收藏(
0
)
分享
相关标签:
智能问答
问题没解决?让AI助手帮你作答
AI助手
0个回复
消灭零回复
回复
所在专栏
提问
分享
建议
讨论
动态
其它
阅读权限
默认,所有用户可见
LV1及以上用户可见
LV2及以上用户可见
LV3及以上用户可见
LV4及以上用户可见
LV5及以上用户可见
LV6及以上用户可见
会员专享
管理员可见
确认修改
相关帖子
验时输出仍是乱码/空JSON? 我将以 最小颗粒度拆解,确保你跨过第一
0
作为流量营销和标题优化专家,我理解你的原始标题“今天天气不错”虽然简单直接,但缺乏吸引点击的元素和关键词优化。为了提升标
0
今天天气不错
0
用java 写一个hello world
0
hi今天是记号
0
同步一下会议内容 英文怎么说
0
capsil在金融领域
0
java开源门户系统
0
说错了 是damn it
0
dam it 句子成分
0