JavaScript Nested Classes

<script>
    // Write Javascript code here
    function Employee() {
        
        // Here we have created a property
        // name of class Employee;
        this.name = "";
        this.employeeId = 0;
    }
    
    // An (global) object of type Employee
    // is created.
    var emp = new Employee();
    
    emp.name = "miss anonymous";
    emp.employeeId = 101;
    function showName() {
        document.getElementById("gfg").innerHTML = emp.name;
    }
</script>
<button type="button" onclick="showName()">
    Click Me
</button>
<p id="gfg"></p>

<script>
    function OuterClass() {
        
    // Property x of OuterClass
    this.x = 0;
    this.y = 30;
        
    // Assign the variable objOuterClass the address
            // of the particular instance of OuterClass
    var objOuterClass = this;
        
    // Inner class
    function InnerClass() {
    this.z = 10;
    this.someFuncton = function () {
        alert("inner class function");
            };
            
    // Assign the address of the anonymous function.
    // to access the value of property of outer class
    // in inner class.
    this.accessOuter = function () {
                        document.getElementById("gfg")
                                .innerHTML="value of x property:" + objOuterClass.x;
            };
    }
        
        // InnerClass ends to access the inner class
        // properties or methods.
        this.innerObj = new InnerClass();
    }
    
            function show() {
    var outerClassObj = new OuterClass();
    document.getElementById("gfg")
            .innerHTML = "Inner class Property z:" + outerClassObj.innerObj.z;
    }
</script>
<button type="button" onclick="show()">
    Click Me
</button>
<p id="gfg"></p>