alvierahman90/comic-mono-font
1
0
Fork 0
mirror of https://github.com/dtinth/comic-mono-font.git synced 2026-02-21 22:43:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add ability to input custom example text

Browse Source
This commit is contained in:
kaBeech
2023-03-18 16:51:05 -07:00
parent 94ef7bea1d
commit f5f211ca5e
2 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
index.js
View File

@@ -1,5 +1,5 @@
const exampleTextClasses = document.getElementById("exampleText").classList;
const exampleText = document.getElementById("exampleText");
const exampleTextClasses = exampleText.classList;
const seriousButton = document.getElementById("seriousButton");
const seriousItalicButton = document.getElementById("seriousItalicButton");
const seriousBoldButton = document.getElementById("seriousBoldButton");
@@ -10,6 +10,8 @@ const seriousLightButton = document.getElementById("seriousLightButton");
const seriousLightItalicButton = document.getElementById(
"seriousLightItalicButton"
);
const newExampleTextButton = document.getElementById("newExampleTextButton");
const newExampleText = document.getElementById("newExampleText");
seriousButton.addEventListener("click", function () {
this.classList.add("selected");
@@ -100,3 +102,7 @@ seriousLightItalicButton.addEventListener("click", function () {
exampleTextClasses.remove("seriousLight");
exampleTextClasses.add("seriousLightItalic");
});
newExampleTextButton.addEventListener("click", function () {
exampleText.setHTML(newExampleText.value);
});