声明变量name,gender,age,id,存储使用 prompt()输入你的个人基本信息,并且在控制台打印输出结果,要求打印使用console.log('')反引号的输出方式
时间: 2024-09-12 20:04:02 浏览: 42
在JavaScript中,使用`prompt()`函数可以创建一个对话框,提示用户输入信息。下面是声明变量`name`、`gender`、`age`和`id`,并使用`prompt()`函数获取用户输入的信息,最后使用`console.log()`函数以反引号字符串模板的方式在控制台打印这些信息的代码示例:
```javascript
// 声明变量
var name, gender, age, id;
// 使用prompt()函数获取用户输入
name = prompt("请输入您的名字:");
gender = prompt("请输入您的性别:");
age = prompt("请输入您的年龄:");
id = prompt("请输入您的身份证号:");
// 使用console.log()函数和反引号打印输出结果
console.log(`名字: ${name}
性别: ${gender}
年龄: ${age}
身份证号: ${id}`);
```
在这段代码中,`prompt()`函数会弹出一个对话框,提示用户输入相应的信息。用户输入后,该函数会返回用户输入的字符串,并将其赋值给相应的变量。然后,使用`console.log()`结合ES6引入的反引号(`` ` ``)字符串模板,可以在其中嵌入变量,并打印输出。
相关问题
使用JavaScript编写一个将学生本人姓名和学号输入的信息输出到控制台的程序
在JavaScript中,你可以创建一个函数,让用户输入姓名和学号,然后在控制台上输出这个信息。下面是一个简单的示例:
```javascript
// 创建一个函数,接收两个参数:姓名和学号
function displayStudentInfo(name, studentId) {
// 调用函数,向用户获取输入
let nameInput = prompt("请输入学生的姓名:");
let idInput = prompt("请输入学生的学号:");
// 检查输入是否为空
if (!nameInput || !idInput) {
console.log("输入不能为空,请重新输入!");
return;
}
// 将输入的数据拼接成字符串并输出到控制台
console.log(`学生的姓名是: ${nameInput}, 学号是: ${idInput}`);
}
// 调用函数,开始获取输入
displayStudentInfo();
```
上述代码中,我们使用了`prompt`函数来获取用户的输入,然后检查输入是否为空。如果输入有效,就将姓名和学号以字符串的形式输出到浏览器的控制台。
使用prompt()alert()document.write()输出十条个人信息
在JavaScript中,`prompt()`、`alert()` 和 `document.write()` 都是浏览器内置的一些函数,它们主要用于与用户交互或向HTML文档添加内容。如果你想通过这三种方式输出十条个人信息,你可以这样做:
```javascript
// 假设个人信息是一个数组
let personalInfo = [
{ name: "张三", age: 25, job: "工程师" },
{ name: "李四", age: 30, job: "设计师" },
// ...重复七次其他个人信息
];
for (let i = 0; i < 10; i++) {
let item = personalInfo[i] || {}; // 确保数组索引越界时不报错
// 使用prompt提示用户输入
let inputName = prompt(`请输入第${i+1}个人的姓名`, item.name);
if (inputName) {
item.name = inputName;
}
// 使用alert显示信息
alert(`姓名: ${item.name}, 年龄: ${item.age}, 职业: ${item.job}`);
// 使用document.write将数据写入HTML
document.getElementById('personal-info') ?
document.getElementById('personal-info').innerHTML += `<p>${item.name} - ${item.age} - ${item.job}</p>` :
document.createElement('div').id = 'personal-info' &&
document.getElementById('personal-info').innerHTML = `<p>${item.name} - ${item.age} - ${item.job}</p>`;
}
```
请注意,`prompt()`会阻塞页面直到用户输入并确认,如果直接在服务器端运行这段代码,可能会造成用户体验不佳。
阅读全文