Проблема с получением значения с помощью stati c и DOM

Question

У меня проблема с попыткой получить значения из моей формы с помощью классов и статики. Я могу получить идентификатор, используя UI.DOMstrings, и я могу получить содержимое формы, используя

document.querySelector (UI.DOMstrings.title) .value

Но UI.getInput.title не ничего не возвращаю.

Ты хоть представляешь, как я могу это исправить? :)

class UI {

    static DOMstrings = {
        bookList: '#book-list',
        bookForm: '#book-form',
        title: '#title',
        author: '#author',
        isbn: '#isbn',
    };

    static getInput = {
        title: document.querySelector(UI.DOMstrings.title).value, // Will be either inc or exp
        author: document.querySelector(UI.DOMstrings.author).value,
        isbn: document.querySelector(UI.DOMstrings.isbn).value,

    };

};

РЕДАКТИРОВАТЬ:

  static getInput() {
        return {

            title: document.querySelector(UI.DOMstrings.title).value, // Will be either inc or exp
            author: document.querySelector(UI.DOMstrings.author).value,
            isbn: document.querySelector(UI.DOMstrings.isbn).value,

        }
    };

Таким образом, я могу получить значение, используя UI.getInput (). Title, но для меня немного странно использовать его таким образом .

Я все еще ищу что-нибудь подобное

UI.getInput().title 

Answer 1

Вы выбираете элемент, когда скрипт только что был загружен, поэтому результат querySelector может быть пустым

Попробуйте вызвать querySelector, когда вы уверены, что DOM построена