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