ayo/mcfly
ayo/mcfly
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: sample interactive element on landing page

Browse source
This commit is contained in:
Ayo 2023-10-19 12:20:20 +02:00
parent e190a9733c
commit 63b229894d
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/hello-world.js
View file

@ -7,7 +7,7 @@ class HelloWorld extends WebComponent {
let count = 0; let count = 0;
this.onclick = () => { this.onclick = () => {
console.log("Clicked!"); console.log("Clicked!");
this.setAttribute("name", `I was clicked ${++count} times!`); this.setAttribute("name", `Clicked ${++count}x`);
}; };
this.setAttribute("title", "Click me please"); this.setAttribute("title", "Click me please");
} }

4
src/pages/index.html
View file

@ -8,6 +8,10 @@
<strong>McFly</strong> is a full-stack no-framework framework that <strong>McFly</strong> is a full-stack no-framework framework that
assists developers in leveraging the web platform. assists developers in leveraging the web platform.
</p> </p>
<p>
Here's a sample interactive custom element:
<hello-world name="McFly"></hello-world>
</p>
<p> <p>
Start at the very basic of writing HTML files and enhance with standard Start at the very basic of writing HTML files and enhance with standard
web technologies or go advanced as you like, at your own pace. web technologies or go advanced as you like, at your own pace.