Интересует реализация скрипта именно на JS не jQuery. Хочу понять, на сколько он правильно и оптимально написан?
<body>
<div>
<input type="password" id="password-input" placeholder="Введите пароль">
<label><input type="checkbox" id="check"> Показать пароль</label>
</div>
<script>
const cb = document.querySelector('#check');
cb.onclick = function (){
let input = document.getElementById('password-input');
if (input.getAttribute('type') == 'password') {
input.setAttribute('type', 'text');
} else {
input.setAttribute('type', 'password');
}}
</script>
</body>