Permutation du type d'un input (password -> text)

Bonjour,

Je convertis (péniblement) mes scripts old school jQuery en vanilla js et je rencontre un problème. Je veux que mon script change l'attribut type d'un imput password en 'text' en appuyant sur un bouton :

Code:

---

1 2 3 4

// from: <input type="password" name="password"/> // to: <input type="text" name="password"/>

---

Le bouton - un lien pour l'instant on verra après - est créé en JS. Jusque là tout va bien, mais ensuite je n'arrive pas à permuter avec un click :

Code:

---

see.onclick = seePassword(input); // <- comportement attendu : changement d'attribut en 'text' si clique sur l'élement frère

---

Le code complet : CodePen

Pour l'instant tous les inputs password de la page passent en type='text'.

Voilà voilà, si quelqu'un pouvait m'aider à y voir plus clair...

simplement en utilisant set / get Attribute

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<form id="my-form"> <input type="password" name="password"/>   <button name="btPsw" type="button" >voir mot de passe On/off</button> </form>   <script>   const myForm = document.getElementById('my-form')   myForm.btPsw.onclick=_=>   {   let nvType = (myForm.password.getAttribute('type') === 'password') ? 'text' : 'password'   myForm.password.setAttribute('type', nvType)   }   myForm.onsubmit=e=>e.preventDefault()

---

Je vois ce qui manquait chez moi : il manquait les accolades autour de la fonction :

Code:

---

1 2 3

see.onclick = { seePassword(input); }

---

Merci pour votre aide.