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

Cleanup

Browse Source
This commit is contained in:
kaBeech
2023-03-18 20:38:19 -07:00
parent 0da150376d
commit 7c43f71667
1 changed files with 11 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
index.js
View File

@@ -1,6 +1,6 @@
const mainClassList = document.getElementById("main").classList;
const exampleText = document.getElementById("exampleText"); const exampleText = document.getElementById("exampleText");
const exampleTextClassList = exampleText.classList; const exampleTextClassList = exampleText.classList;
const mainClassList = document.getElementById("main").classList;
const entirePageRadio = document.getElementById("entirePageRadio"); const entirePageRadio = document.getElementById("entirePageRadio");
const exampleTextOnlyRadio = document.getElementById("exampleTextOnlyRadio"); const exampleTextOnlyRadio = document.getElementById("exampleTextOnlyRadio");
const seriousOriginalButton = document.getElementById("seriousOriginalButton"); const seriousOriginalButton = document.getElementById("seriousOriginalButton");
@@ -34,20 +34,6 @@ const seriousStyles = [
"seriousLightItalic", "seriousLightItalic",
]; ];
const enterSeriousMode = () => {
mainClassList.add("serious");
for (seriousButton of seriousButtons) {
seriousButton.classList.add("serious");
}
};
const exitSeriousMode = () => {
mainClassList.remove("serious");
for (seriousButton of seriousButtons) {
seriousButton.classList.remove("serious");
}
};
const clearClasses = () => { const clearClasses = () => {
for (seriousStyle of seriousStyles) { for (seriousStyle of seriousStyles) {
exampleTextClassList.remove(seriousStyle); exampleTextClassList.remove(seriousStyle);
@@ -63,19 +49,17 @@ const clearClassesAndSelectThisButton = (button) => {
button.classList.add("selected"); button.classList.add("selected");
}; };
entirePageRadio.addEventListener("click", function () { entirePageRadio.addEventListener("click", () => {
if (this.checked) { mainClassList.add("serious");
enterSeriousMode(); for (seriousButton of seriousButtons) {
} else { seriousButton.classList.add("serious");
exitSeriousMode();
} }
}); });
exampleTextOnlyRadio.addEventListener("click", function () { exampleTextOnlyRadio.addEventListener("click", () => {
if (this.checked) { mainClassList.remove("serious");
exitSeriousMode(); for (seriousButton of seriousButtons) {
} else { seriousButton.classList.remove("serious");
enterSeriousMode();
} }
}); });
@@ -115,12 +99,12 @@ seriousLightItalicButton.addEventListener("click", function () {
mainClassList.add("seriousLightItalic"); mainClassList.add("seriousLightItalic");
}); });
newExampleText.addEventListener("keydown", function (event) { newExampleText.addEventListener("keydown", (event) => {
if (event.code === "Enter") { if (event.code === "Enter") {
exampleText.setHTML(newExampleText.value); exampleText.setHTML(newExampleText.value);
} }
}); });
newExampleTextButton.addEventListener("click", function () { newExampleTextButton.addEventListener("click", () => {
exampleText.setHTML(newExampleText.value); exampleText.setHTML(newExampleText.value);
}); });