Learn MAKECODE with Real Code Examples

Introduction & Fundamentals Setup & Configuration Architecture & Deep Internals Performance & Security Development Workflow Learning & Career Growth Business & Strategy Examples

Code Sample Descriptions

Hello World in MakeCode (JavaScript view)

basic.showString("Hello World")

A simple MakeCode project that shows 'Hello World' on the micro:bit LED display. Blocks generate the JavaScript code below.

Let’s Try →

Scroll Text on micro:bit

basic.showString("Welcome!")

Scrolls a custom message on the micro:bit LED display.

Let’s Try →

Display a Heart Icon

basic.showIcon(IconNames.Heart)

Shows a heart icon on the micro:bit LED display.

Let’s Try →

Blink an LED

basic.forever(function () {
    led.toggle(2, 2)
    basic.pause(500)
})

Turns the built-in LED on and off repeatedly.

Let’s Try →

Button A Pressed Message

input.onButtonPressed(Button.A, function () {
    basic.showString("Button A!")
})

Displays a message when Button A is pressed.

Let’s Try →

Count from 1 to 5

for (let i = 1; i <= 5; i++) {
    basic.showNumber(i)
    basic.pause(500)
}

Counts numbers from 1 to 5 on the LED display.

Let’s Try →

Display Random Number

basic.showNumber(Math.randomRange(1, 10))

Shows a random number between 1 and 10 on the LED display.

Let’s Try →

Tilt Detection

basic.forever(function () {
    if (input.isGesture(Gesture.TiltLeft)) {
        basic.showString("Left")
    } else if (input.isGesture(Gesture.TiltRight)) {
        basic.showString("Right")
    }
})

Displays a message when the micro:bit is tilted left or right.

Let’s Try →

Show Multiple Icons

basic.showIcon(IconNames.Happy)
basic.pause(500)
basic.showIcon(IconNames.Sad)
basic.pause(500)
basic.showIcon(IconNames.Heart)

Displays a sequence of icons on the LED display.

Let’s Try →

Temperature Display

basic.showNumber(input.temperature())

Displays the current temperature measured by the micro:bit.

Let’s Try →

Code Sample Descriptions

Hello World in MakeCode (JavaScript view)

basic.showString("Hello World")

A simple MakeCode project that shows 'Hello World' on the micro:bit LED display. Blocks generate the JavaScript code below.

Let’s Try →

Scroll Text on micro:bit

basic.showString("Welcome!")

Scrolls a custom message on the micro:bit LED display.

Let’s Try →

Display a Heart Icon

basic.showIcon(IconNames.Heart)

Shows a heart icon on the micro:bit LED display.

Let’s Try →

Blink an LED

basic.forever(function () {
    led.toggle(2, 2)
    basic.pause(500)
})

Turns the built-in LED on and off repeatedly.

Let’s Try →

Button A Pressed Message

input.onButtonPressed(Button.A, function () {
    basic.showString("Button A!")
})

Displays a message when Button A is pressed.

Let’s Try →

Count from 1 to 5

for (let i = 1; i <= 5; i++) {
    basic.showNumber(i)
    basic.pause(500)
}

Counts numbers from 1 to 5 on the LED display.

Let’s Try →

Display Random Number

basic.showNumber(Math.randomRange(1, 10))

Shows a random number between 1 and 10 on the LED display.

Let’s Try →

Tilt Detection

basic.forever(function () {
    if (input.isGesture(Gesture.TiltLeft)) {
        basic.showString("Left")
    } else if (input.isGesture(Gesture.TiltRight)) {
        basic.showString("Right")
    }
})

Displays a message when the micro:bit is tilted left or right.

Let’s Try →

Show Multiple Icons

basic.showIcon(IconNames.Happy)
basic.pause(500)
basic.showIcon(IconNames.Sad)
basic.pause(500)
basic.showIcon(IconNames.Heart)

Displays a sequence of icons on the LED display.

Let’s Try →

Temperature Display

basic.showNumber(input.temperature())

Displays the current temperature measured by the micro:bit.

Let’s Try →