Задать вопрос
chelitsy
@chelitsy
все при мне
javascript

Насколько правильно и оптимально написан код?

Интересует реализация скрипта именно на 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>
  • Вопрос задан
  • 175 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
Сравнивайте, делайте выводы:

document.querySelector('#check').addEventListener('change', e => {
  document.querySelector('#password-input').type = e.target.checked
    ? 'text'
    : 'password';
});
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@usheninmike
Если вам не нужна обязательно глобальная константа, оберните свой код в анонимную функцию.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Senior Fullstack JavaScript Node.js + React
Simplenight inc.
от 4 000 до 6 500 $
Ещё вакансии
Заказы с Хабр Фриланса
Специалист по телеграм
05 мая 2024, в 04:55
12000 руб./за проект
Название проекта: Бот Telegram для автоматизации судебных приказов
05 мая 2024, в 02:15
30000 руб./за проект
Десктоп приложение для добавления товаров на Python
05 мая 2024, в 01:43
5000 руб./за проект
Ещё заказы