JavaScript runtime overview - Mini Project: Build & Apply

JavaScript Runtime Overview

📖 Scenario: Imagine you want to understand how JavaScript runs your code behind the scenes. This project will help you see the basic parts of the JavaScript runtime by creating simple code pieces that show how variables, functions, and timers work together.

🎯 Goal: You will build a small JavaScript program that demonstrates the JavaScript runtime environment by creating variables, setting a timer, and running a function to show how JavaScript handles tasks step-by-step.

📋 What You'll Learn

Create a variable to hold a message

Create a timer delay value

Write a function that logs the message

Use setTimeout to run the function after the delay

Print the message immediately and after the delay

💡 Why This Matters

🌍 Real World

Understanding the JavaScript runtime helps you write code that runs smoothly in web browsers and servers, managing tasks like user input, timers, and network requests.

💼 Career

Many programming jobs require knowledge of how JavaScript executes code, especially for building interactive websites and applications that respond to users without freezing.

1

Create a variable called message with the value 'Hello from JavaScript runtime!'

Create a variable called message and set it to the string 'Hello from JavaScript runtime!'.

Javascript

// Your code here

Need a hint?

Use const to create a variable that does not change.

2

Create a variable called delay and set it to 2000 (milliseconds)

Create a variable called delay and set it to the number 2000, which means 2 seconds.

Javascript

const message = 'Hello from JavaScript runtime!';
// Your code here

Need a hint?

Milliseconds are used for timer delays in JavaScript.

3

Write a function called showMessage that logs the message variable

Write a function called showMessage that uses console.log(message) to print the message.

Javascript

const message = 'Hello from JavaScript runtime!';
const delay = 2000;
// Your code here

Need a hint?

Functions group code to run later or multiple times.

4

Use setTimeout to run showMessage after delay milliseconds and print message immediately

Use console.log(message) to print the message immediately. Then use setTimeout(showMessage, delay) to run the showMessage function after the delay.

Javascript

const message = 'Hello from JavaScript runtime!';
const delay = 2000;
function showMessage() {
    console.log(message);
}
// Your code here

Need a hint?

console.log prints immediately, setTimeout delays running the function.