diff --git a/templates/join.php b/templates/join.php
index 7eec0de..0cd49bb 100644
--- a/templates/join.php
+++ b/templates/join.php
@@ -23,9 +23,11 @@
required minlength="3" autofocus />
-
+
+
diff --git a/ts/join.ts b/ts/join.ts
index 15f35f5..7d81f66 100644
--- a/ts/join.ts
+++ b/ts/join.ts
@@ -1 +1,20 @@
-import './join.scss';
\ No newline at end of file
+import './join.scss';
+
+
+$(() => {
+ $('#password-visibility').on('change', function (ev) {
+ ev.preventDefault();
+
+ console.log(`checkbox ${ev.target.name} changed to ${ev.target.checked}`);
+
+ const passwordField = document.querySelector("#password") as HTMLInputElement | null;
+
+ if (passwordField != null) {
+ if (passwordField.type === "password") {
+ passwordField.type = "text";
+ } else {
+ passwordField.type = "password";
+ }
+ }
+ });
+});
\ No newline at end of file