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

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

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

// p هنا قمنا بإعطاء قيم لجميع خصائص الكائن
        p.setName('Mhamad');
        p.setJob('Full stack developer');
        p.setAge(29);

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