「JavaScript每日一练」系列——提高你的JS技能（第一天）

以后我会陆续发布关于JavaScript知识点以及案例面试题

文章目录

题目

一、详细讲解

二、代码

1.引入库

总结

题目

输入一个数字，判断是不是水仙花数自恋数（自幂数各位的3次方+十位的三次方+百位的三次方等于153） ----输出true或false即可。

一个笼子里有鸡和兔子，头有35只，脚有94只，输入两个数字，分别代表鸡和兔子的个数，输出是答案。（鸡兔同笼问题）---输出true和false即可。

学聚会，进行点餐，点了大盘鸡，水煮鱼，大虾以及四个凉菜和一箱啤酒，分别录入各个单价，录入总学生数，计算人均多少钱。（要求输入有小数）。

提示：以下是本篇文章正文内容，下面案例可供参考

一、详细讲解

第一题：

在 HTML 文件中，将 isNarcissisticNumber 函数所在的 JavaScript 文件引入进来，并通过 onclick 属性给按钮添加了一个点击事件，点击按钮后会从输入框中获取一个数字，调用 isNarcissisticNumber 函数判断该数字是否为水仙花数自恋数，最后通过 alert 函数来弹出结果。

第二题：

在 HTML 文件中，将 isChickenAndRabbitNum 函数所在的 JavaScript 文件引入进来，并通过 onclick 属性给按钮添加了一个点击事件，点击按钮后会从两个输入框中获取鸡和兔子的个数，调用 isChickenAndRabbitNum 函数判断这两个数字是否符合题意，最后通过 alert 函数来弹出结果。

第三题：

二、代码

1.引入库

第一题：

以下是一个 JavaScript 函数，可以用来判断一个数字是否为水仙花数自恋数：

function isNarcissisticNumber(num) {// 将数字转为字符串var str = num.toString();// 数字的位数var n = str.length;// 各位数字的n次方之和var sum = 0;for (var i = 0; i < n; i++) {sum += Math.pow(parseInt(str.charAt(i)), n);}// 判断是否为水仙花数自恋数return sum == num;
}

可以将该函数放入一个 JavaScript 文件中，然后在浏览器中打开一个 HTML 文件，通过输入框输入数字并点击按钮来测试该函数的效果。HTML 文件的代码如下：

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>判断水仙花数自恋数</title>
</head>
<body><input type="text" id="num"><button onclick="test()">判断</button><script src="判断水仙花数自恋数.js"></script><script>function test() {var num = document.getElementById("num").value;var result = isNarcissisticNumber(num);alert(result);}</script>
</body>
</html>

第二题

以下是一个 JavaScript 函数，可以用来判断两个数字分别代表鸡和兔子的个数时，是否符合题意：

function isChickenAndRabbitNum(chickenNum, rabbitNum) {// 头的数量var head = chickenNum + rabbitNum;// 脚的数量var foot = chickenNum * 2 + rabbitNum * 4;// 判断是否符合题意return head == 35 && foot == 94;
}

可以将该函数放入一个 JavaScript 文件中，然后在浏览器中打开一个 HTML 文件，通过输入框输入鸡和兔子的个数并点击按钮来测试该函数的效果。HTML 文件的代码如下：

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>判断鸡兔同笼问题</title>
</head>
<body><input type="text" id="chickenNum"><input type="text" id="rabbitNum"><button onclick="test()">判断</button><script src="判断鸡兔同笼问题.js"></script><script>function test() {var chickenNum = parseInt(document.getElementById("chickenNum").value);var rabbitNum = parseInt(document.getElementById("rabbitNum").value);var result = isChickenAndRabbitNum(chickenNum, rabbitNum);alert(result);}</script>
</body>
</html>

第三题：

可以使用以下代码来实现人均消费的计算：

let dish1Price = 38.5; // 大盘鸡的单价
let dish2Price = 55.0; // 水煮鱼的单价
let dish3Price = 88.0; // 大虾的单价
let dish4Price = 18.5; // 凉菜的单价
let drinkPrice = 88.0; // 啤酒的单价
let totalStudentNum = 30; // 总学生数// 计算总共的花费
let totalCost = dish1Price + dish2Price + dish3Price + dish4Price * 4 + drinkPrice;// 计算人均花费
let avgCost = totalCost / totalStudentNum;console.log(`每人平均花费：${avgCost.toFixed(2)} 元。`);

输出结果为：每人平均花费：18.87 元。