error pages; js system to support back/front-end

1 files changed, 26 insertions, 0 deletions

diff --git a/html/assets/js/forms/textarea.js b/html/assets/js/forms/textarea.js
new file mode 100644
index 0000000..493c78f
--- /dev/null
+++ b/html/assets/js/forms/textarea.js
@@ -0,0 +1,26 @@
+$$plugins.define('textarea', function (element, options) {

+	const textarea = element.querySelector('textarea');

+

+    //style focus

+    textarea.addEventListener('focus', (event) => {

+        textarea.closest(".textarea").classList.add("focus");

+    });

+

+    textarea.addEventListener('blur', (event) => {

+        textarea.closest(".textarea").classList.remove("focus");

+    });

+

+    //characters count

+    textarea.addEventListener("input", event => {

+        const target = event.currentTarget;

+        const maxLength = target.getAttribute("maxlength");

+        const currentLength = target.value.length;

+        const currentLengthText = document.getElementsByClassName("textarea__remaining")[0];

+

+        currentLengthText.innerHTML = currentLength;

+

+        if (currentLength >= maxLength) {

+            return;

+        }

+    });

+});