猜数字

通过这个JaveScript积木块活动来发现各种变量和输入吧!

  • Get started
  • JavaScript Blocks
  • Inputs
  • Variables
  • Random
Print lesson
  • 年龄 8+
  • 30 分钟
  • JavaScript Blocks

介绍

这是使用JavaScript积木块编辑器制作的第二个项目,它向学生们介绍了变量的使用、用户输入和随机数。 当按钮被按下,将显示一个既定范围内的随机数。

教学指南

打开

课堂活动

5个步骤

第一步

在JavaScript积木块编辑器中,从积木块选区选择“Input”(输入)选项,并找到“On button press”(按钮按下)积木块,将其拖拽至工作区。


在工作区中,按钮变量可以更改为 "A"、"B" 或 "A + B"。 在这个案例中,选择“A”。 在此输入中放置的代码仅在按下按钮时才会运行。

第二步

在积木块选择区域,选择“Variable”(变量)并点击“Make a Variable” (生成变量)。变量是数据存储的地方。


然后会弹出一个对话框,要求你给变量命名。在这个例子中,将它命名为“X”。

第三步

在积木块选择区域的“variables”变量选项中选择“Set item to 0”(将项目设置为0)。这将使变量设置为一个既定的数值。


将“Set variable to”(设置变量到)积木块移动到“On button”(启动按钮)积木块内。现在当按钮“A被按下,变量“item”(项目)将被设置为0。


变量的名称可以通过选择靠近word(文字)项目旁边的下拉箭头来改变,并且变更为一个新的变量。因为我们已经创建了一个“X”变量,选择这个变量。

第四步

下一个步骤是在程序里创建一个随机数元素。在积木块选择区域中选择“Math”(数学)选项,并选择“pick random 0 to 4”(选择从0到4的随机数)。


我们想将变量“X”设置成一个随机数,因此拖动随机数积木块并用随机数积木块替换“0” 。


由于我们想让随机数在0到9的范围之间,点击“4”并将其替换成“9” 。

第五步

下一步是在LED屏幕上显示随机数。在积木块选区中的Basic(基本)选项内,选择“show number”(显示数字)并将其拖拽到工作区。


将“Show number”(显示数字)积木块移动到“set X”(设置X)积木块下方。现在,如果程序运行,这将会显示数字0。


为了显示随机数,我们需要设置“show number”(显示数字)积木块为变量“X” 。在积木块选区的“variable”(变量)选项中,选择变量“X”积木块,将其拖拽到工作区。


将变量“X”积木块移动到“show number”(显示数字)内。


讲程序存储下载至micro:bit。

挑战

试着添加下列功能:

  • 当一个“B”按钮按下就能够清屏。
  • 添加一个随机选区数字的动画。
  • 开发一个动画,使其减慢随机数选择的速度。

了解更多

查看“温度”课程,学习更多关于将micro:bit的传感器当作一个输入设备的用法。

Selecting this opens external content from our support system, which adheres to their privacy policy.