JavaScript execution flow - Mini Project: Build & Apply

Understanding JavaScript Execution Flow

📖 Scenario: Imagine you are baking a cake. You have a list of steps to follow in order. In JavaScript, the computer also follows steps one by one. This project will help you see how JavaScript runs code from top to bottom.

🎯 Goal: You will write a simple JavaScript program with variables and functions to see how the code runs step by step. You will learn how JavaScript executes commands in order and how functions are called.

📋 What You'll Learn

Create variables with exact names and values

Create a function with a specific name

Call the function in the right place

Print output using console.log exactly as instructed

💡 Why This Matters

🌍 Real World

Understanding execution flow helps you write programs that do tasks in the right order, like following a recipe.

💼 Career

Every programmer needs to know how code runs step by step to debug and build working applications.

1

Create variables for ingredients

Create two variables called flour and sugar. Set flour to 2 and sugar to 1.

Javascript

// Create variables flour and sugar with values 2 and 1
// Your code here

Need a hint?

Use let to create variables and assign the numbers 2 and 1.

2

Create a function to mix ingredients

Create a function called mixIngredients that returns the sum of flour and sugar.

Javascript

let flour = 2;
let sugar = 1;

// Create function mixIngredients that returns flour + sugar
// Your code here

Need a hint?

Define a function using the function keyword and return the sum of the two variables.

3

Call the function and store the result

Create a variable called batter and set it to the result of calling the function mixIngredients().

Javascript

let flour = 2;
let sugar = 1;

function mixIngredients() {
    return flour + sugar;
}

// Call mixIngredients and store result in batter
// Your code here

Need a hint?

Call the function by writing its name followed by parentheses and assign the result to batter.

4

Print the batter amount

Use console.log to print the value of the variable batter.

Javascript

let flour = 2;
let sugar = 1;

function mixIngredients() {
    return flour + sugar;
}

let batter = mixIngredients();

// Print batter using console.log
// Your code here

Need a hint?

Use console.log(batter); to show the value in the console.