Widget:FryasFontPicker: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 9: | Line 9: | ||
<script> | <script> | ||
var lang_picker = document.querySelector("#fryas_font_picker > .picker"); | var lang_picker = document.querySelector("#fryas_font_picker > .picker"); | ||
lang_picker.addEventListener((event) => { | lang_picker.addEventListener("select", (event) => { | ||
var fryas_text = document.getElementById("fryas_text"); | var fryas_text = document.getElementById("fryas_text"); | ||
switch (lang_picker.value) { | switch (lang_picker.value) { | ||
Revision as of 09:43, 2 June 2023
Choose a Fryas font:
<select class="picker">
<option value="latin">Latin</option> <option value="standskrift">Standskrift</option> <option value="wagumskrift">Wagumskrift</option>
</select>
<script> var lang_picker = document.querySelector("#fryas_font_picker > .picker"); lang_picker.addEventListener("select", (event) => {
var fryas_text = document.getElementById("fryas_text");
switch (lang_picker.value) {
case "latin":
fryas_text.classList.remove("standskrift");
fryas_text.classList.remove("wagumskrift");
break;
case "standskrift":
fryas_text.classList.add("standskrift");
fryas_text.classList.remove("wagumskrift");
break;
case "wagumskrift":
fryas_text.classList.remove("standskrift");
fryas_text.classList.add("wagumskrift");
break;
}
localStorage.setItem("preferred_fryas_font", lang_picker.value);
}); var pref_font = localStorage.getItem("preferred_fryas_font") if (pref_font != null) {
lang_picker.value = pref_font;
} </script>