1.依次询问并获取用户的姓名、年龄、性别,收集数据后在控制台打印出来。
let userName = prompt('请输入您的姓名:');
let age = +prompt('请输入您的年龄:');
let sex = prompt('请输入您的性别:');
console.log(userName, age, sex);
2.询问用户年龄,用户输入年龄后,把用户输入的年龄增加5岁。增加5岁后,通过弹出框提示用户 “ 据我估计,五年后,你可能X岁”。
let age = +prompt('请输入您的年龄:');
alert(`据我估计,五年后,你可能${age+5}岁了`);
3.计算银行卡余额案例。
①用户输入总的银行卡金额,依次输入本月花费的电费,水费,网费。
②页面打印一个表格,计算出本月银行卡还剩下的余额。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>银行卡余额计算</title>
<style>
* {
margin: 0;
padding: 0;
}
table {
margin: 0 auto;
text-align: center;
border-collapse: collapse;
}
table th,
td {
border: 1px solid #000;
padding: 15px;
}
table caption {
margin: 15px 0;
}
</style>
</head>
<body>
<script>
let total = prompt('请输入银行卡总金额:');
let tel = prompt('请输入本月电费:');
let inter = prompt('请输入本月网费:');
let water = prompt('请输入本月水费:');
let save = total - tel - inter - water;
document.write(`
<table>
<caption>
<h2>银行卡余额</h2>
</caption>
<tr>
<th>总金额</th>
<th>电费</th>
<th>网费</th>
<th>水费</th>
<th>剩余金额</th>
</tr>
<tr>
<td>${total}元</td>
<td>${tel}</td>
<td>${inter}</td>
<td>${water}元</td>
<td>${save}</td>
</tr>
</table>
`)
</script>
</body>
</html>
4.打印0-20之间的整数, 将每个数输出到控制台。
let i = 1;
while (i <= 20) {
console.log(`${i}`);
i++;
}
5.计算1-1000之间的和。
let i = 1;
let sum = 0;
while (i <= 1000) {
sum = sum + i;
i++;
}
console.log(sum);
6.用户输入一个数,计算 1 到这个数的和。
let i = +prompt(`请您输入一个数字:`);
let sum = 0;
let j = 1;
while (j <= i) {
sum += j;
j++;
}
document.write(`计算总和为:${sum}`);
7.用户登录验证。
要求接收用户输入的用户名和密码,若用户名为 “admin” ,且密码为 “123456” ,则提示用户登录成功! 否则,让用户一直输入。
let msg = prompt('请输入姓名:');
let pwd = prompt('请输入密码:');
while (msg !== 'admin' || pwd !== '123456') {
alert('请你先登录');
msg = prompt('请输入姓名:');
pwd = prompt('请输入密码:');
}
alert('登录成功');
8.用户输入分数,根据分数奖励不同的车( 利用多分支语句 )。
let score = +prompt('请输入您的分数:');
if (score > 0 && score < 60) {
alert(`打一顿`);
} else if (score >= 60 && score < 80) {
alert(`奖励奥拓`);
} else if (score >= 80 && score < 90) {
alert(`奖励奥迪`);
} else if (score >= 90 && score <= 100) {
alert(`奖励法拉利`);
} else {
alert(`输入分数有误,请重新输入`);
}
9.求1-100之间个位数不为3的数的累加和。
let sum = 0;
let i = 1;
while (i <= 100) {
if (i % 10 !== 3) {
sum = sum + i;
}
i++;
}
console.log(sum);
10.使用for循环 - 求出数组元素的和 [5, 8, 9, 2, 1, 5]。
let arr = [5, 8, 9, 2, 1, 5];
let sum = 0;
for (let i = 0; i < arr.length; i++) {
let item = arr[i];
sum += item;
}
console.log(sum);
11.使用for循环 - 求出数组里大于5的和 [4, 9, 5, 20, 3, 11]。
let array = [4, 9, 5, 20, 3, 11];
let sum = 0;
for (let i = 0; i < array.length; i++) {
let item = array[i];
if (item > 5) {
sum += item;
}
}
console.log(sum);
12.使用for循环 - 求出班级里同学们平均年龄[15, 19, 21, 33, 18, 24]。
let arr = [15, 19, 21, 33, 18, 24];
let sum = 0;
let average = 0;
for (i = 0; i < arr.length; i++) {
let temp = arr[i];
sum += temp;
}
average = sum / arr.length;
console.log(average);
13.打印数组里所有的奇数 [5, 2, 8, 10, 3, 7]。
let arr = [5, 2, 8, 10, 3, 7];
let temp = [];
for (i = 0; i < arr.length; i++) {
if (arr[i] % 2 !== 0) {
temp.push(arr[i]);
}
}
console.log(temp);
14.计算[2, 6, 18, 15, 40] 中能被3整除的偶数的和。
let arr = [2, 6, 18, 15, 40];
let sum = 0;
let newArr = [];
for (let i = 0; i < arr.length; i++) {
//判断能否被3整除 并且是偶数
if (arr[i] % 3 === 0 && arr[i] % 2 === 0) {
sum += arr[i];
}
}
console.log(sum);
15.计算[2, 6, 18, 15, 40] 中能被3整除的偶数的个数。
let arr = [2, 6, 18, 15, 40];
let temp = [];
for (let i = 0; i < arr.length; i++) {
if (arr[i] % 3 === 0 && arr[i] % 2 === 0) {
temp.push(arr[i]);
}
}
console.log(temp.length);
16.给一个数字数组,该数组中有很多数字0,将不为0的数据存入到一个新的数组。
let arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];
//需要一个新的空数组
let newArr = [];
// 遍历旧数组
for (let i = 0; i < arr.length; i++) {
if (arr[i] !== 0) {
// 满足条件的追加给新数组
newArr.push(arr[i]);
}
}
console.log(newArr);