محرر ويب أونلاين

<!DOCTYPE html>
<html>
<body>
    <script>
        // Person هنا قمنا بتعريف كلاس إسمه
        class Person {
            #name;
            #job;
            #age;
            
             // #name هنا قمنا بتجهيز دالة يمكن من خلالها الحصول على قيمة الخاصية
            get name() {
                return this.#name;
            }
            
            // #name هنا قمنا بتجهيز دالة يمكن من خلالها تعيين قيمة الخاصية
            set name(name) {
                this.#name = name;
            }
            
             // #job هنا قمنا بتجهيز دالة يمكن من خلالها الحصول على قيمة الخاصية
            get job() {
                return this.#job;
            }
            
            // #job هنا قمنا بتجهيز دالة يمكن من خلالها تعيين قيمة الخاصية
            set job(job) {
                this.#job = job;
            }
            
             // #age هنا قمنا بتجهيز دالة يمكن من خلالها الحصول على قيمة الخاصية
            get age() {
                return this.#age;
            }
            
            // #age هنا قمنا بتجهيز دالة يمكن من خلالها تعيين قيمة الخاصية
            set age(age) {
                this.#age = age;
            }
        }

// p إسمه Person هنا قمنا بإنشاء كائن من الكلاس
        p = new Person();

// p هنا قمنا بإعطاء قيم لجميع خصائص الكائن
		p.name = 'Mhamad';
		p.job = 'Full stack developer';
		p.age = 29;

// p هنا قمنا بطباعة جميع قيم خصائص الكائن
        document.write('Name: ' + p.name + '<br>');
        document.write('Job: ' + p.job + '<br>');
        document.write('Age: ' + p.age + '<br>');
    </script>
</body>
</html>

​x
 
<!DOCTYPE html>
<html>
<body>
    <script>
        // Person هنا قمنا بتعريف كلاس إسمه
        class Person {
            #name;
            #job;
            #age;
            
             // #name هنا قمنا بتجهيز دالة يمكن من خلالها الحصول على قيمة الخاصية
            get name() {
                return this.#name;
            }
            
            // #name هنا قمنا بتجهيز دالة يمكن من خلالها تعيين قيمة الخاصية
            set name(name) {
                this.#name = name;
            }
            
             // #job هنا قمنا بتجهيز دالة يمكن من خلالها الحصول على قيمة الخاصية
            get job() {
                return this.#job;
            }
            
            // #job هنا قمنا بتجهيز دالة يمكن من خلالها تعيين قيمة الخاصية
            set job(job) {
                this.#job = job;
            }
            
             // #age هنا قمنا بتجهيز دالة يمكن من خلالها الحصول على قيمة الخاصية
            get age() {
                return this.#age;
            }
            
            // #age هنا قمنا بتجهيز دالة يمكن من خلالها تعيين قيمة الخاصية
            set age(age) {
                this.#age = age;
            }
        }
​
        // p إسمه Person هنا قمنا بإنشاء كائن من الكلاس
        p = new Person();
​
        // p هنا قمنا بإعطاء قيم لجميع خصائص الكائن
        p.name = 'Mhamad';
        p.job = 'Full stack developer';
        p.age = 29;
​
        // p هنا قمنا بطباعة جميع قيم خصائص الكائن
        document.write('Name: ' + p.name + '<br>');
        document.write('Job: ' + p.job + '<br>');
        document.write('Age: ' + p.age + '<br>');
    </script>
</body>
</html>