From visual blocks to typed JavaScript

Name:

Date:

Class:

Quick Questions

Shade in the A or B circle for each question.

1. In typed JavaScript, a block like "say Hello" becomes what?

A A coloured shape you drag onto the screen

B One line of text you type: console.log("Hello");

2. Which spelling will a computer accept?

A console.log("Hi");

B Console.Log("Hi");

3. You type consle.log("Hi"); by mistake. What happens?

A The computer guesses what you meant and prints Hi

B The computer does not understand it and shows an error

4. Which statement is true about JavaScript?

A It is a text-based language that professional programmers use

B It is only a toy language made for practising with blocks

5. A block program uses sequence, decisions and repeats. What changes when you move to JavaScript?

A The same ideas are used, but you type them as text

B The ideas are different, so you must learn new ones

Match the Pairs

Draw a line connecting each item on the left to its match on the right.

Left column		Right column
1console.log("Hi");		Aconsole.log("Start"); console.log("End");
2let score = 0;		BOne typed line that does the job of a 'set score to 0' variable block
3Sequence still applies in typed code: lines run from top to bottom, just like stacked blocks		Cif (score > 10) { console.log("Win"); }
4A decision from an if block becomes typed text using the word if, a condition and curly braces		DWrong capital letter: JavaScript is case sensitive, so Console is not the same as console. It must be console.log.
5Console.log("Hello");		EThe closing quote is missing, so the text is not closed. It needs a matching quote before the bracket.
6console.log("Hello);		FOne typed line that does the same job as a 'say Hi' block, and it must be spelled exactly

Definitions

JavaScript

Fill in the Blanks

Complete each line of code by filling in the missing parts.

___________("Hello, world!");

let name = ______("What is your name?");

__ (score > 5) { console.log("You win!"); }

___ (let i = 0; i < 3; i++) { console.log("Hi"); }

___ lives = 3; lives = lives - 1; console.log(lives);

Spot the Error

Shade in the letter of the line that contains an error.

Question 1

A let name = promt("Name?");

B console.log("Hi " + name);

C console.log("Welcome!");

Question 2

A let score = 8;

B score = score + 2;

C console.log(scor);

Question 3

A let age = 13;

B if (age >= 13) {

C Console.log("Teen");

D }

Question 4

A let total = 0;

B for (let i = 1, i <= 3, i++) {

C total += i;

D }

Question 5

A let n = 3;

B while n > 0 {

C console.log(n);

D n--;

E }

Answer Key

From visual blocks to typed JavaScript

Section A: Quick Questions

B — One line of text you type: console.log("Hello");

A — console.log("Hi");

B — The computer does not understand it and shows an error

A — It is a text-based language that professional programmers use

A — The same ideas are used, but you type them as text

Section B: Match the Pairs

console.log("Hi"); → One typed line that does the same job as a 'say Hi' block, and it must be spelled exactly

let score = 0; → One typed line that does the job of a 'set score to 0' variable block

Sequence still applies in typed code: lines run from top to bottom, just like stacked blocks → console.log("Start"); console.log("End");

A decision from an if block becomes typed text using the word if, a condition and curly braces → if (score > 10) { console.log("Win"); }

Console.log("Hello"); → Wrong capital letter: JavaScript is case sensitive, so Console is not the same as console. It must be console.log.

console.log("Hello); → The closing quote is missing, so the text is not closed. It needs a matching quote before the bracket.

Section C: Definitions

JavaScript — A text-based language where each block you snapped together becomes one line of code that you type exactly, and the computer follows it literally.

Section D: Fill in the Blanks

console.log("Hello, world!");

let name = prompt("What is your name?");

if (score > 5) {
  console.log("You win!");
}

for (let i = 0; i < 3; i++) {
  console.log("Hi");
}

let lives = 3;
lives = lives - 1;
console.log(lives);

Section E: Spot the Error

A — prompt is spelled wrong. Typed code must be exact, so the computer cannot find promt. It should be prompt("Name?").

C — The variable name is misspelled. The computer follows the text literally and has no variable called scor. It should be console.log(score);

C — JavaScript cares about capital letters. Console with a capital C does not exist. It should be console.log("Teen");

B — The three parts of a for loop are separated by semicolons, not commas. It should be for (let i = 1; i <= 3; i++) {

B — The repeat condition of a while loop must be inside round brackets. It should be while (n > 0) {