lks/frontends
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add button to load more blurbs

Browse Source
This commit is contained in:
Lucas Schumacher 2024-06-18 12:28:22 -04:00
parent a1a06c23a2
commit 308cff3e34
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
vanillaJS.html
View File

@ -1,8 +1,11 @@
<html>
<body>
<div id="app"></div>
<br />
<button id="loadButton">Load More</button>
<script type="text/javascript">
const app = document.getElementById('app');
const loadButton = document.getElementById('loadButton');
function addElem(element, contents, attrs = {}) {
const newElem = document.createElement(element);
newElem.appendChild(document.createTextNode(contents));
@ -11,9 +14,13 @@
}
app.appendChild(newElem);
}
addElem('h1', 'Fart man comes to town!');
addElem('p', 'Will this controversial figure finally cause the downfall of the town? Sally Smith from town center says that she can already smell trouble brewing but other members of the town beleave the imminent winds of change will revitalize the towns central business district.');
addElem('a', 'Read more...', {href: "#"});
function addBlurb() {
addElem('h1', 'Fart Man comes to town!');
addElem('p', 'Will this controversial figure finally cause the downfall of the town? Sally Smith from town center says that she can already smell trouble brewing but other members of the town believe the imminent winds of change will revitalize the towns central business district.');
addElem('a', 'Read more...', {href: "#"});
}
addBlurb();
loadButton.addEventListener("click", addBlurb);
</script>
</body>
</html>