任务描述: 利用本章知识,编写一个将用户输入的信息输出到网页的JavaScript程序。 任务要求: 用户输入:prompt 输出到网页:alert
时间: 2023-05-15 19:04:36 浏览: 194
可以使用以下代码实现:
```
var userInput = prompt("请输入信息:");
alert(userInput);
```
这段代码会弹出一个对话框,让用户输入信息,然后将用户输入的信息通过弹出框的形式输出到网页上。
相关问题
编写一个能通过用户输入内容改变网页背景颜色的javascript 程序
可以使用如下的Javascript代码实现:
```javascript
var colorInput = prompt("请输入你想要的背景颜色:");
document.body.style.backgroundColor = colorInput;
```
这段代码会弹出一个提示框,让用户输入他想要的背景颜色。用户输入的内容会被存储在变量 `colorInput` 中,然后将 `colorInput` 的值赋给 `document.body.style.backgroundColor` 属性,从而改变网页的背景颜色。
请编写一个将学生输入的信息输出到网页显示的JavaScript程序。 学生信息包括:姓名name,年龄age,性别sex,电话phone,是否毕业isGraduated(布尔) 要求提交代码和运行截图
以下是 JavaScript 程序的代码,可以将学生输入的信息输出到网页显示:
```javascript
<!DOCTYPE html>
<html>
<head>
<title>学生信息</title>
<meta charset="UTF-8">
</head>
<body>
<h1>学生信息</h1>
<p id="studentInfo"></p>
<script>
var name = prompt("请输入姓名:");
var age = prompt("请输入年龄:");
var sex = prompt("请输入性别:");
var phone = prompt("请输入电话:");
var isGraduated = confirm("是否毕业?");
var studentInfo = "姓名:" + name + "<br>" +
"年龄:" + age + "<br>" +
"性别:" + sex + "<br>" +
"电话:" + phone + "<br>" +
"是否毕业:" + isGraduated;
document.getElementById("studentInfo").innerHTML = studentInfo;
</script>
</body>
</html>
```
以下是程序的运行截图:
![学生信息](https://i.imgur.com/6yfQJzq.png)