利用输入弹出框,输入学生姓名和成绩的js代码
时间: 2024-09-30 12:10:51 浏览: 27
在JavaScript中,你可以创建一个简单的HTML页面,并结合JavaScript来实现输入学生姓名和成绩的功能,通过弹出框(通常使用`prompt()`函数)让用户直接输入。以下是一个简单的示例:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>输入学生信息</title>
</head>
<body>
<button onclick="inputStudentInfo()">点击输入学生信息</button>
<script>
function inputStudentInfo() {
var name = prompt("请输入学生姓名:");
var score = prompt("请输入学生成绩:");
if (name && score) { // 检查用户是否输入了内容
console.log("学生姓名:" + name + ", 成绩:" + score);
// 这里可以将数据保存到数组、数据库或其他需要的地方
} else {
alert("请输入完整的信息!");
}
}
</script>
</body>
</html>
```
在这个例子中,当点击按钮时,会弹出两个提示框让用户提供姓名和成绩。如果输入了内容,它会在控制台打印出来;如果没有输入,会显示一个警告。