Почему console.log(document.forms.name) возвращает undefined?

Question

[linawhite]

Подскажите почему выводится undefined?
В папке проекта несколько html-файлов, может быть из-за этого?

const signUpForm = document.forms.signUp;

console.log(signUpForm);

<form action="#" class="form-info" name="signUp">
        <input type="text" name="info" placeholder="Enter your full name" class="input-info">
        <input type="email" name="info" placeholder="Enter your email" class="input-info">
        <input type="password" name="info" placeholder="Enter password" class="input-info">
        <input type="password" name="info" placeholder="Confirm Password" class="input-info">
        <input type="submit" class="button text-on-button" value="Register">
    </form>

Также, не выводится форма в массив NodeList при использовании querySelectorAll('forms')

console.log(document.querySelectorAll("form"));
console.log(document.forms);

Comments

[Алексей]

покажи порядок подключения script'ов и как устроена архитектура html документов?

Answer 1

[Алексей Ярков]

В папке проекта несколько html-файлов, может быть из-за этого?

Нет

Также, не выводится форма в массив NodeList при использовании querySelectorAll('forms')

Потому что ваш JS код вызывается ДО появления формы в DOM. У меня вот всё выводится в консоли.

Подскажите почему выводится undefined?

Потому что не существует формы с атрибутом name="name".
А вот так работает:
document.forms[0].name

Comments

[linawhite]

Вы правы, когда разместила ссылку на скрипт после формы, все сработало, как нужно.
Спасибо за подсказку!

[Алексей Ярков]

linawhite, на здоровье )