From 553ddd1ffa4a0322134527aa4582291dfc02a909 Mon Sep 17 00:00:00 2001
From: Aaqib Javaid <78491606+aaqib605@users.noreply.github.com>
Date: Mon, 19 Feb 2024 18:53:06 +0530
Subject: [PATCH] fix(curriculum): update arrow syntax code examples for step
11 of music player project (#53779)
---
.../653fb19b515fde28243f727a.md | 23 +++++++------------
1 file changed, 8 insertions(+), 15 deletions(-)
diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653fb19b515fde28243f727a.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653fb19b515fde28243f727a.md
index e4136062380..a672dc4f2ab 100644
--- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653fb19b515fde28243f727a.md
+++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653fb19b515fde28243f727a.md
@@ -7,29 +7,22 @@ dashedName: step-11
# --description--
-Now you need a way to display the songs in the UI. To do this, you'll create a `renderSongs` function using the arrow function syntax.
+Now you need a way to display the songs in the UI (User Interface). To do this, you'll create a `renderSongs` function using the arrow function syntax.
-An arrow function is a shorter and more concise way to write functions in JavaScript. It's a function expression, which is a function that's assigned to a variable. To write an arrow function, you can use the following syntax:
+An arrow function is a shorter and more concise way to write functions in JavaScript. It's a function expression, which is a function that's assigned to a variable.
+
+Here is an example of an arrow function with a single parameter and a single expression in the function body:
```js
-// Traditional function
-function add(a, b) {
- return a + b;
-}
-console.log(add(3, 5)); // Output: 8
-
-// Arrow function
-const addArrow = (a, b) => {
- return a + b;
+const exampleArrowFunction = (param) => {
+ return param
};
-console.log(addArrow(3, 5)); // Output: 8
```
-If the function body consists of a single expression, you don't need the curly braces and the `return` keyword. This is called an `implicit return`:
+If the function body consists of a single expression, you can omit the curly braces and the `return` keyword. This is called an `implicit return`:
```js
-const addArrow = (a, b) => a + b;
-console.log(addArrow(3, 5)); // Output: 8
+const exampleArrowFunction = (param) => param;
```
Use the arrow function syntax to create a `renderSongs` function that takes in `array` as its parameter.