Почему моя функция не фиксирует значение моего элемента ввода?

Эта строка:

const cash = document.getElementById('cash').value;

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

const cash = document.getElementById('cash');

const purchaseBtn = document.getElementById('purchase-btn');

purchaseBtn.addEventListener('click', () => {console.info(cash.value)});

<input id = "cash">
<button type = "button" id = "purchase-btn">Click me</button>

прослушиватель использует другой контекст для рендеринга значения, поэтому var Cash не определен для выполнения прослушивателя

исправление

const purchaseBtn = document.getElementById("purchase-btn");
    purchaseBtn.addEventListener("click", () => {
        let cash = document.getElementById("cash").value;
        console.info(cash
    );
});