JavaScript/原始数据类型/练习
外观
< JavaScript | 原始数据类型
主题:原始数据类型
1. 编写一个包含以下步骤的脚本('power'-运算符为 '**')
- 计算 250 的值。将其存储在变量
x1
中。 - 计算 250 + 1 的值。将其存储在变量
x2
中。 - 比较
x1
和x2
。它们相等吗?
点击查看解决方案
"use strict";
const x1 = 2 ** 50;
const x2 = 2 ** 50 + 1;
alert(x1 == x2); // false
2. 使用 260 而不是 250 重复之前的练习。
点击查看解决方案
"use strict";
const x1 = 2 ** 60;
const x2 = 2 ** 60 + 1;
alert(x1 == x2); // true
3. 使用 1000 而不是 1 重复之前的练习。
点击查看解决方案
"use strict";
const x1 = 2 ** 60;
const x2 = 2 ** 60 + 1000;
alert(x1 == x2); // false
4. 与你的同事讨论练习 1-3 的结果。
5. 编写一个包含以下步骤的脚本
- 计算三分之一的值。将结果存储在变量
x1
中。 - 显示
x1
。 - 将
x1
乘以 3 并将结果存储在x2
中。 - 显示
x2
。你期望哪个值?
点击查看解决方案
"use strict";
const x1 = 1 / 3;
alert(x1);
const x2 = x1 * 3;
alert(x2);
6. 编写一个脚本,它表明 5 和 5.0 是相同的值。
点击查看解决方案
"use strict";
const x1 = 5;
const x2 = 5.0;
alert(x1 == x2);
7. 编写一个脚本,它
- 询问用户他的年龄:
prompt(...)
prompt()
总是返回一个字符串。为了执行计算,有必要将答案转换为数字parseInt()
、parseFloat()
、Number()
- 如果他的答案是数值,则显示他的心脏自出生以来的跳动次数(大约每秒一次)
- 否则,显示一条消息,例如“抱歉。我们需要数值才能执行计算”。
点击查看解决方案
// a possible solution:
"use strict";
const answer = prompt("How old are you?"); // returns a string
const age = parseFloat(answer); // what's about parseInt() or Number() ?
if (Number.isNaN(age)) { // try other solutions!
alert("Sorry, we need a number to perform the calculation. You typed: '" + answer + "'");
} else {
// about one beat per second
const seconds = age * 365 * 24 * 60 * 60;
alert("Your heart has beaten (approximately) " + seconds + " times since your birth.");
}
8. 为之前的练习创建一个 HTML 页面并将解决方案嵌入到 HTML 中。你可以参考 这个示例。
点击查看解决方案
<!DOCTYPE html>
<html>
<head>
<title>Seconds</title>
<script>
function go() {
"use strict";
let result;
const answer = document.getElementById("age").value;
const age = Number(answer);
if (Number.isNaN(age)) { // try other solutions!
result = "Sorry, we need a number to perform the calculation. You typed: '" + answer + "'";
} else {
// about one beat per second
const seconds = age * 365 * 24 * 60 * 60;
result = "Your heart has beaten (approximately) " + seconds + " times since your birth.";
}
document.getElementById("result").innerText = result;
}
</script>
</head>
<body>
<h1>How many times has your heart beaten?</h1>
<label>Your age: </label>
<input type="text" id="age">
<button type="button" onclick="go()">GO</button>
<p>
<div id="result">???</div>
</p>
</body>
</html>