мога ли да взимам HTML елементи и директно да ги слагам в речници

Tова е речник, в който се опитах да сложа HTML елементи по ID, но не ги взима. Дава че са HTML но стойноста им е NULL.

const elmDict = {

        gemName: document.getElementById('gem-name'),

        color: document.getElementById('color'),

        carats: document.getElementById('carats'),

        price: document.getElementById('price'),

        typeInput: document.getElementById('type'),

        addButton: document.getElementById('add-Btn')

    };