From ec86ed5212e97e6d1493abf2264454f502706e19 Mon Sep 17 00:00:00 2001
From: Het Limbachiya <152782648+het2576@users.noreply.github.com>
Date: Thu, 6 Nov 2025 23:08:30 +0530
Subject: [PATCH] feat(curriculum): update class lesson with interactive
 example  (#63572)

---
 .../6733affc29df1304e2c97e88.md               | 42 +++++++++++++++----
 1 file changed, 35 insertions(+), 7 deletions(-)

diff --git a/curriculum/challenges/english/blocks/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md b/curriculum/challenges/english/blocks/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md
index 23ef616cf41..a301ea4be10 100644
--- a/curriculum/challenges/english/blocks/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md
+++ b/curriculum/challenges/english/blocks/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md
@@ -5,9 +5,7 @@ challengeType: 19
 dashedName: what-are-classes-and-how-do-they-work-in-javascript
 ---
 
-# --description--
-
-Let's learn about classes in JavaScript.
+# --interactive--
 
 In modern JavaScript, classes are like blueprints that you can define in code for creating multiple objects of the same kind.
 
@@ -81,24 +79,54 @@ You can then access this property using the dot notation, like you can see in th
 console.log(dog.name);
 ```
 
-This will log the value of the `name` property of this particular instance:
+Here is the full example:
+
+:::interactive_editor
 
 ```js
-Gino
+class Dog {
+  constructor(name) {
+    this.name = name;
+  }
+
+  bark() {
+    console.log(`${this.name} says woof!`);
+  }
+}
+
+const dog = new Dog("Gino");
+console.log(dog.name);
 ```
 
+:::
+
 You can also call methods. In this example, we are calling the `bark()` method on the `dog` instance.
 
 ```js
 dog.bark();
 ```
 
-This will log the following message to the console:
+Here is the full example with the method call included:
+
+:::interactive_editor
 
 ```js
-Gino says woof!
+class Dog {
+  constructor(name) {
+    this.name = name;
+  } 
+  bark() {
+    console.log(`${this.name} says woof!`);
+  }
+}
+
+const dog = new Dog("Gino");
+console.log(dog.name);
+dog.bark();
 ```
 
+:::
+
 As mentioned earlier, you can also define classes as a class expression. This is where the class is anonymous and assigned to a variable.
 
 Here is what the earlier example looks like as a class expression: