3 files changed, 33 insertions, 0 deletions
diff --git a/webAO/dom/changeSFXVolume.js b/webAO/dom/changeSFXVolume.js
new file mode 100644
index 0000000..0c3009f
--- /dev/null
+++ b/webAO/dom/changeSFXVolume.js
@@ -0,0 +1,10 @@
+import setCookie from '../utils/setCookie';
+
+/**
+ * Triggered by the sound effect volume slider.
+ */
+
+export function changeSFXVolume() {
+  setCookie('sfxVolume', document.getElementById('client_sfxaudio').volume);
+}
+window.changeSFXVolume = changeSFXVolume;
diff --git a/webAO/dom/changeShoutVolume.js b/webAO/dom/changeShoutVolume.js
new file mode 100644
index 0000000..db67e2d
--- /dev/null
+++ b/webAO/dom/changeShoutVolume.js
@@ -0,0 +1,10 @@
+import setCookie from '../utils/setCookie';
+
+/**
+ * Triggered by the shout volume slider.
+ */
+
+export function changeShoutVolume() {
+  setCookie('shoutVolume', document.getElementById('client_shoutaudio').volume);
+}
+window.changeShoutVolume = changeShoutVolume;
diff --git a/webAO/dom/toggleEffect.js b/webAO/dom/toggleEffect.js
new file mode 100644
index 0000000..3d19c9c
--- /dev/null
+++ b/webAO/dom/toggleEffect.js
@@ -0,0 +1,13 @@
+/**
+ * Highlights and selects an effect for in-character chat.
+ * If the same effect button is selected, then the effect is canceled.
+ * @param {string} effect the new effect to be selected
+ */
+export function toggleEffect(button) {
+  if (button.classList.contains('dark')) {
+    button.className = 'client_button';
+  } else {
+    button.className = 'client_button dark';
+  }
+}
+window.toggleEffect = toggleEffect;