one way binding in vanilla js

proxies.js

// proxies.js

const initialState = {
    count: 0
};

const configuration = {
    count: '#my-textarea'
};

const state = makeReactive(initialState, configuration);

function makeReactive(state, configuration) {
    handler = {
        'set': function(target, property, value, receiver) {
            console.log("setting property");

            const selector = configuration[property];
            
            const domTarget = document.querySelector(selector);
            domTarget.textContent = value;

            target[property] = value;

            return true;
        }
    };
    
    var proxy = new Proxy(state, handler);
    return proxy;
}

function increment(event) {
    state.count += 1;
}

function wireInterface(event) {
    const button = document.querySelector('#increment');
    button.addEventListener('click', increment);
}

document.addEventListener('DOMContentLoaded', wireInterface);