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

Update naming

Browse Source
This commit is contained in:
kaBeech
2023-03-18 20:25:46 -07:00
parent acfafc8e47
commit 0da150376d
1 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
index.js
View File

@@ -1,6 +1,6 @@
const mainClasses = document.getElementById("main").classList; const mainClassList = document.getElementById("main").classList;
const exampleText = document.getElementById("exampleText"); const exampleText = document.getElementById("exampleText");
const exampleTextClasses = exampleText.classList; const exampleTextClassList = exampleText.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");
@@ -35,14 +35,14 @@ const seriousStyles = [
]; ];
const enterSeriousMode = () => { const enterSeriousMode = () => {
mainClasses.add("serious"); mainClassList.add("serious");
for (seriousButton of seriousButtons) { for (seriousButton of seriousButtons) {
seriousButton.classList.add("serious"); seriousButton.classList.add("serious");
} }
}; };
const exitSeriousMode = () => { const exitSeriousMode = () => {
mainClasses.remove("serious"); mainClassList.remove("serious");
for (seriousButton of seriousButtons) { for (seriousButton of seriousButtons) {
seriousButton.classList.remove("serious"); seriousButton.classList.remove("serious");
} }
@@ -50,8 +50,8 @@ const exitSeriousMode = () => {
const clearClasses = () => { const clearClasses = () => {
for (seriousStyle of seriousStyles) { for (seriousStyle of seriousStyles) {
exampleTextClasses.remove(seriousStyle); exampleTextClassList.remove(seriousStyle);
mainClasses.remove(seriousStyle); mainClassList.remove(seriousStyle);
} }
for (seriousButton of seriousButtons) { for (seriousButton of seriousButtons) {
seriousButton.classList.remove("selected"); seriousButton.classList.remove("selected");
@@ -81,38 +81,38 @@ exampleTextOnlyRadio.addEventListener("click", function () {
seriousOriginalButton.addEventListener("click", function () { seriousOriginalButton.addEventListener("click", function () {
clearClassesAndSelectThisButton(this); clearClassesAndSelectThisButton(this);
exampleTextClasses.add("seriousOriginal"); exampleTextClassList.add("seriousOriginal");
mainClasses.add("seriousOriginal"); mainClassList.add("seriousOriginal");
}); });
seriousItalicButton.addEventListener("click", function () { seriousItalicButton.addEventListener("click", function () {
clearClassesAndSelectThisButton(this); clearClassesAndSelectThisButton(this);
exampleTextClasses.add("seriousItalic"); exampleTextClassList.add("seriousItalic");
mainClasses.add("seriousItalic"); mainClassList.add("seriousItalic");
}); });
seriousBoldButton.addEventListener("click", function () { seriousBoldButton.addEventListener("click", function () {
clearClassesAndSelectThisButton(this); clearClassesAndSelectThisButton(this);
exampleTextClasses.add("seriousBold"); exampleTextClassList.add("seriousBold");
mainClasses.add("seriousBold"); mainClassList.add("seriousBold");
}); });
seriousBoldItalicButton.addEventListener("click", function () { seriousBoldItalicButton.addEventListener("click", function () {
clearClassesAndSelectThisButton(this); clearClassesAndSelectThisButton(this);
exampleTextClasses.add("seriousBoldItalic"); exampleTextClassList.add("seriousBoldItalic");
mainClasses.add("seriousBoldItalic"); mainClassList.add("seriousBoldItalic");
}); });
seriousLightButton.addEventListener("click", function () { seriousLightButton.addEventListener("click", function () {
clearClassesAndSelectThisButton(this); clearClassesAndSelectThisButton(this);
exampleTextClasses.add("seriousLight"); exampleTextClassList.add("seriousLight");
mainClasses.add("seriousLight"); mainClassList.add("seriousLight");
}); });
seriousLightItalicButton.addEventListener("click", function () { seriousLightItalicButton.addEventListener("click", function () {
clearClassesAndSelectThisButton(this); clearClassesAndSelectThisButton(this);
exampleTextClasses.add("seriousLightItalic"); exampleTextClassList.add("seriousLightItalic");
mainClasses.add("seriousLightItalic"); mainClassList.add("seriousLightItalic");
}); });
newExampleText.addEventListener("keydown", function (event) { newExampleText.addEventListener("keydown", function (event) {