css and basic html setup
parent
ea01c2838f
commit
4a06cbcc2c
|
@ -1,5 +1,10 @@
|
||||||
export class Page {
|
export class Page {
|
||||||
public Load() {
|
public Load() {
|
||||||
// do load here
|
const thing = document.getElementById('thing') as HTMLElement;
|
||||||
|
thing.innerHTML = '<p>mememememe</p>';
|
||||||
|
|
||||||
|
thing.onclick = (e) => {
|
||||||
|
thing.innerHTML = '<p>blahblahblah</p>';
|
||||||
|
};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -0,0 +1,11 @@
|
||||||
|
.main {
|
||||||
|
display: block;
|
||||||
|
width: 50px;
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sub {
|
||||||
|
display: block;
|
||||||
|
width: 100px;
|
||||||
|
color: red;
|
||||||
|
}
|
|
@ -7,6 +7,14 @@
|
||||||
<link rel="stylesheet" href="assets/stylesheets/main.css">
|
<link rel="stylesheet" href="assets/stylesheets/main.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<div class="main">
|
||||||
|
<p>Hello hello hello hello hello</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="thing" class="sub">
|
||||||
|
<p>Hi hihihihihihi</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<script src="bundle.js"></script>
|
<script src="bundle.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in New Issue