diff --git a/character/index.html b/character/index.html
new file mode 100644
index 0000000..b13ea85
--- /dev/null
+++ b/character/index.html
@@ -0,0 +1,20 @@
+
+
+
+
+ Character Counter
+
+
+
+
+
+
+ Character Counter
+
+
+
+
+
diff --git a/character/index.js b/character/index.js
new file mode 100644
index 0000000..77320fe
--- /dev/null
+++ b/character/index.js
@@ -0,0 +1,6 @@
+const textElem = document.getElementById('input');
+const countElem = document.getElementById('count');
+
+setInterval(() => {
+ countElem.innerText = textElem.value.length;
+}, 100);
diff --git a/character/style.css b/character/style.css
new file mode 100644
index 0000000..9de1eeb
--- /dev/null
+++ b/character/style.css
@@ -0,0 +1,25 @@
+@import url(/global.css);
+
+h1 {
+ font-size: 2rem;
+ margin-bottom: 30px;
+}
+
+textarea {
+ background: #1e1e1e;
+ border: 1px solid #444;
+ color: #f0f0f0;
+ padding: 12px;
+ border-radius: 8px;
+ font-size: 1rem;
+ width: 80%;
+ transition: border-color 0.2s;
+ outline: none;
+ resize: none;
+}
+
+#count {
+ margin-top: 10px;
+ font-size: 1.1rem;
+}
+