javescript实现输入学生信息之后点去添加之后将学生信息展示。当没有输入内容点击添加时提示请输入信息。

动态 未结 0 62
小小草
小小草 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个回复
  • 消灭零回复