A nerdy way to say something on special day
Download VS Code Extension: Live Server
Right click on index.html and choose Open with Live Server
Any change saved will be updated dynamically
Here I will give a brief introduction based on my understanding, you may find a lot more detailed explanation online.
.js The script part
.css The visual layout part
.html The structure of the webpage
.jsx Javascript integrates with HTML
--> enable change properties of a class
Open hangmanizr.jsx , You can change button tooltip and button name as
<button data-tooltip="YOUR BUTTON TOOLTIP"
........
value="animals" // Remember this value
........
</svg> YOUR BUTTON NAME</button>
You may apply to all of the 4 buttons, for example:
<button data-tooltip="520 words"
........
</svg> Chia Ling</button>
From the button there are 4 values: animals, css, html and phrasalVerbs
Correspondent questions are stored in 4 lists:
var animals = ["aardvark", "albatross", "alligator",...]
var cssProperties = [...]
var htmlElements = [...]
var phrasalVerbs =[...]
You can just change the value and create your own question lists
-
Fork this repo
-
Modify button name and question lists on your own repo as mentioned above
-
Save and commit the change
-
On your repo, click Setting --> Pages --> Branch --> Select master branch
-
Wait for 2~3 mins and refresh this page, your own webpage url will appear on the top of this page
-
Kindly star this repo if you find it intetesting!
Licensed under the MIT License.