embed-page demo - window scope

embed-page populates window object members as "global" to microapplication variable.

NOTE: the scope variables are populated in beginning of <script> section. Hence the window object members are not immediately available after assignment.

1. first SCRIPT sets window.abc to "ABC", second SCRIPT reads abc as global variable.

2. first SCRIPT sets window.abc to "XYZ", second SCRIPT reads abc as global variable.

Visual demo steps

CSS
    1. The H3 header above should be intact(default) in color and text size
        AND h3 within embed-page use chocolate text color.
    2. The H3 from embedded content should be in monospace font.
JS  3. Click on 'make blue' the embedded H3 should be blue colored.
    4. After 'innerHTML' click the H3 from embedded content should become green.