Course Content
Ninja Game
Ninja Game
Writing Functions
In this chapter, we will explore the concept of functions in JavaScript and how they can be utilized in the Ninja Game. Functions are a fundamental part of programming that allow you to group a set of instructions under a single name. This makes your code more organized and reusable.
What are Functions?
A function is a block of code designed to perform a particular task. You can think of it as a mini-program within your program. Functions help you break down complex problems into smaller, manageable pieces. Once a function is defined, you can execute it whenever needed by calling its name.
To define a function in JavaScript, you use the function keyword, followed by a name, parentheses (), and a set of curly braces {}. Inside the curly braces, you write the code that you want the function to execute.
Functions can also accept parameters, which are values you pass into the function to customize its behavior. Parameters are specified inside the parentheses in the function definition.
Example
Let's look at an example from the Ninja Game to see how functions can be used to control the ninja's actions:
ninja.js
index.html
preset.js
In this example, we have two functions: moveNinja and lootBox. The moveNinja function calls lootBox twice and moves the ninja to the right four times. The lootBox function moves the ninja up, picks a sushi, moves down twice, picks another sushi, and then moves back up.
Swipe to show code editor
Goal: Collect all sushi.
Your task is to collect all the sushi on the map. To do this, you need to complete the lootPit(ninja) function and use it in your code.
Solution
Starter Map
Switch to desktop for real-world practiceContinue from where you are using one of the options belowThanks for your feedback!
ninja.js
index.html
preset.js
Writing Functions
In this chapter, we will explore the concept of functions in JavaScript and how they can be utilized in the Ninja Game. Functions are a fundamental part of programming that allow you to group a set of instructions under a single name. This makes your code more organized and reusable.
What are Functions?
A function is a block of code designed to perform a particular task. You can think of it as a mini-program within your program. Functions help you break down complex problems into smaller, manageable pieces. Once a function is defined, you can execute it whenever needed by calling its name.
To define a function in JavaScript, you use the function keyword, followed by a name, parentheses (), and a set of curly braces {}. Inside the curly braces, you write the code that you want the function to execute.
Functions can also accept parameters, which are values you pass into the function to customize its behavior. Parameters are specified inside the parentheses in the function definition.
Example
Let's look at an example from the Ninja Game to see how functions can be used to control the ninja's actions:
ninja.js
index.html
preset.js
In this example, we have two functions: moveNinja and lootBox. The moveNinja function calls lootBox twice and moves the ninja to the right four times. The lootBox function moves the ninja up, picks a sushi, moves down twice, picks another sushi, and then moves back up.
Swipe to show code editor
Goal: Collect all sushi.
Your task is to collect all the sushi on the map. To do this, you need to complete the lootPit(ninja) function and use it in your code.
Solution
Starter Map
Switch to desktop for real-world practiceContinue from where you are using one of the options belowThanks for your feedback!
Switch to desktop for real-world practiceContinue from where you are using one of the options below