Значение идентификатора элемента pull JS

Question

Я пытаюсь получить значение из элемента HTML, но он возвращает пустое значение.

Входная информация: vendorNumber: 123456 documentNumber: 123456

Результаты: Поиск {vendorNumber : "", documentNumber: ""}

Желаемые результаты: Поиск {vendorNumber: "123456", documentNumber: "123456"}

Пожалуйста, смотрите мой скрипт ниже:

class Search {
    constructor(vendorNumber, documentNumber) {
        this.vendorNumber = vendorNumber;
        this.documentNumber = documentNumber;
    }
}

const vendorNumber = document.getElementById('vendorNumber').value,
    documentNumber = document.getElementById('documentNumber').value,
    submit = document.getElementById('myBtn'),
    newSearch = new Search(vendorNumber, documentNumber);

if (submit) {
    submit.addEventListener('click', onClick);
}

function onClick(){
    console.log(newSearch);
    event.preventDefault()
}

Answer 1

Значение возвращается пустым, потому что оно получит входные значения только при запуске события. Поместите переменные vendorNumber, documentNumber и newSearch в функцию onClick.