From 08d5dee573358c7aeeb42a026f1d48f351266213 Mon Sep 17 00:00:00 2001 From: TripleCamera Date: Sat, 31 Aug 2024 12:54:40 +0800 Subject: [PATCH] [zh-cn] create the translation of "Test your skills: Conditionals" (#23281) Co-authored-by: A1lo --- .../index.md | 82 +++++++++++++++++++ 1 file changed, 82 insertions(+) create mode 100644 files/zh-cn/learn/javascript/building_blocks/test_your_skills_colon__conditionals/index.md diff --git a/files/zh-cn/learn/javascript/building_blocks/test_your_skills_colon__conditionals/index.md b/files/zh-cn/learn/javascript/building_blocks/test_your_skills_colon__conditionals/index.md new file mode 100644 index 00000000000000..fd54fdfb3c5de8 --- /dev/null +++ b/files/zh-cn/learn/javascript/building_blocks/test_your_skills_colon__conditionals/index.md @@ -0,0 +1,82 @@ +--- +title: 技能测试:条件语句 +slug: Learn/JavaScript/Building_blocks/Test_your_skills:_Conditionals +l10n: + sourceCommit: bc0d0d1ef796435e969f6d65c7e5d3c08f4023aa +--- + +{{learnsidebar}} + +这个技能测试的目标是评估你是否理解了[在代码中做决定——条件语句](/zh-CN/docs/Learn/JavaScript/Building_blocks/conditionals)一文。 + +> [!NOTE] +> 你可以下载代码并放入在线编辑器(如 [CodePen](https://codepen.io/)、[JSFiddle](https://jsfiddle.net/)、[Glitch](https://glitch.com/))中来尝试解决问题。如果出现了错误,会显示在页面中的结果面板上或者浏览器的 JavaScript 控制台中,来帮助你解决问题。 +> +> 如果你遇到了困难,你可以通过[沟通渠道](/zh-CN/docs/MDN/Community/Communication_channels)联系我们。 + +## 条件语句 1 + +在这项任务中,你有两个变量: + +- `season`——包含一个字符串,表示当前的季节。 +- `response`——开始时未初始化,但之后用于存储响应并显示在输出面板中。 + +我们希望你能创建一个条件语句来检查 `season` 是否包含字符串“summer”。如果是的话,用字符串为 `response` 赋值,来告诉用户当前的季节;如果不是的话,用通用字符串为 `response` 赋值,来告诉用户我们不知道当前的季节是什么。 + +最后,你需要增加另一个条件语句来检查 `season` 是否包含字符串“winter”,并再次用适当的字符串为 `response` 赋值。 + +试着更新下面的实时代码来重现已完成的示例: + +{{EmbedGHLiveSample("learning-area/javascript/building-blocks/tasks/conditionals/conditionals1.html", '100%', 400)}} + +> [!CALLOUT] +> +> [下载此任务的初始代码](https://github.com/mdn/learning-area/blob/main/javascript/building-blocks/tasks/conditionals/conditionals1-download.html)以在自己的编辑器或在线编辑器中完成任务。 + +## 条件语句 2 + +在这项任务中,你有三个变量: + +- `machineActive`——包含一个指示器,指示回答机器是否启动(`true`/`false`)。 +- `score`——包含你在假想游戏中的得分。这个分数会送入回答机器,回答机器会告诉你你做得怎么样。 +- `response`——开始时未初始化,但之后用于存储响应并显示在输出面板中。 + +你需要创建一个 `if...else` 结构来检查机器是否启动。如果没有启动,向 `response` 变量中放入消息,告诉用户应该启动机器。 + +在第一个 `if...else` 中,你需要嵌套另一个 `if...else`,根据 score 的值将适当的消息放入 `response` 变量中——前提是机器已经启动。测试条件(和响应结果)如下: + +- 得分小于 0 或大于 100——“This is not possible, an error has occurred.” +- 得分 0—19——“That was a terrible score — total fail!” +- 得分 20—39——“You know some things, but it\\'s a pretty bad score. Needs improvement.” +- 得分 40—69——“You did a passable job, not bad!” +- 得分 70—89——“That\\'s a great score, you really know your stuff.” +- 得分 90—100——“What an amazing score! Did you cheat? Are you for real?” + +试着更新下面的实时代码来重现已完成的示例。完成代码后,试着将 `machineActive` 改为 `true`,看看是否工作。 + +{{EmbedGHLiveSample("learning-area/javascript/building-blocks/tasks/conditionals/conditionals2.html", '100%', 400)}} + +> [!CALLOUT] +> +> [下载此任务的初始代码](https://github.com/mdn/learning-area/blob/main/javascript/building-blocks/tasks/conditionals/conditionals2-download.html)以在自己的编辑器或在线编辑器中完成任务。 + +## 条件语句 3 + +在最后一项任务中,你有四个变量: + +- `machineActive`——包含一个指示器,指示登录机器是否启动(`true`/`false`)。 +- `pwd`——包含用户的登录密码。 +- `machineResult`——开始时未初始化,但之后用于存储响应并显示在输出面板中,让用户知道机器是否启动。 +- `pwdResult`——开始时未初始化,但之后用于存储响应并显示在输出面板中,让用户知道登录是否成功。 + +我们希望你能创建一个 `if...else` 结构来检查机器是否启动,并在 `machineResult` 变量中放入一条消息,告诉用户机器是开启还是关闭。 + +如果机器已经启动,我们希望你能创建第二个条件语句来检查 `pwd` 是否等于 `cheese`。如果是的话,将 `pwdResult` 赋值为字符串,告诉用户登录成功;如果不是的话,将 `pwdResult` 赋值为另一个字符串,告诉用户登录失败。我们希望你能用一行代码做到这一点,使用不是 `if...else` 结构的某种方法。 + +试着更新下面的实时代码来重现已完成的示例: + +{{EmbedGHLiveSample("learning-area/javascript/building-blocks/tasks/conditionals/conditionals3.html", '100%', 400)}} + +> [!CALLOUT] +> +> [下载此任务的初始代码](https://github.com/mdn/learning-area/blob/main/javascript/building-blocks/tasks/conditionals/conditionals3-download.html)以在自己的编辑器或在线编辑器中完成任务。