//components.js
export class Header{
constructor(){
const elem=document.createElement('div');
elem.innerText='This is header';
document.body.appendChild(elem);
}
}
export class Content {
constructor(){
const elem=document.createElement('div');
elem.innerText='This is content';
document.body.appendChild(elem);
}
}
export class Footer {
constructor(){
const elem=document.createElement('div');
elem.innerHTML='this is footer';
document.body.appendChild(elem);
}
}
//page.js
import {Header,Content,Footer} from './jquery/components.js'
export class Page {
constructor(){
new Header();
new Content();
new Footer();
}
}
