Кто поможет решить задачу по JavaScript?

Question

[Foxy9]

Здравствуйте, дорогие веб-программисты. Я новичок и у меня возникла проблема по одной задачке. Задача следующая: надо создать простой html-файл с input-ами type=password. На javascript нужно написать код, который будет определять, есть ли атрибут maxlength у input-ов. Если он есть, нужно, чтобы код выдавал alert. Если атрибута нет, нужно, чтобы он придал input значение maxlength и также выдал alert. Также нужно, чтобы в html-коде не было id, классов, а js обращается к html с помощью document.querySelector("input[type='password']") или что-то наподобие этого

Comments

[Сергей Соколов]

собеседование / учебная задача?
Как вы начали решать, где конкретно застряли в первую очередь?

[Foxy9]

Сергей Соколов, здравствуйте, дали задачку из колледжа. Начал решать с того, что старался обратиться ко всем input с типом password. После этого пытался работать через setAttribute и условия if, но видимо запутался и ничего не получилось. Сейчас так сказать на нулевом этапе, так как вообще нету идей. Для меня ещё сложен сам синтаксис, так как не всегда понимаю, как работает логика ЯП

[Сергей Соколов]

Foxy9, попытки в верном направлении. Если сложности с синтаксисом – напишите пока псевдо-код человечьим языком. Что сделать, в каком порядке.
Потом «переведите» каждое действие в синтакс JS. Под рукой держите справочник языка, например MDN – удобно найти любой объект, метод, свойство. Узнать, что возвращает метод. Посмотреть примеры кода.

[Foxy9]

Сергей Соколов, здравствуйте, попробовал следовать вашему решению и ничего не получилось. Можете пожалуйста дать подсказки по методу forEach, мне кажется основная ошибка в нем

[Foxy9]

Сергей Соколов,
var check = document.querySelectorAll('input[type=password]');

check.forEach(element => {
if(element.hasAttribute('maxlength'){
element.setAttribute('maxlength', 20)
}
})

[Сергей Соколов]

Foxy9, hasAttribute() вернёт true, если атрибут есть. Т.е. логику надо вывернуть наоборот:

if (element.hasAttribute('maxlength') === false)

// или короче
if (!element.hasAttribute('maxlength'))

Answer 1

[Сергей Соколов]

узнать, есть ли атрибут у элемента: element.hasAttribute('maxlength')

установить атрибут: element.setAttribute('maxlength', 20)

выбрать все: document.querySelectorAll('input[type=password]')

План:

1. выбрать все с типом password;
   
2. пройти по ним циклом forEach()
   
3. внутри смотреть, есть ли уже атрибут maxlength;
   
4. если нет, добавить атрибут
   
5. выполнить alert() в любом случае