Fun with binding event handlers

dom-listening.js

const setAttr = _.curry((attrName, el, val) => { el.setAttribute(val)); return el; });

const listen = _.curry((evtName, el, f) => { el.addEventListener(evtName, f); return el; })

const bindCreateResultButton = (createResultButton, postTextarea, getPostData, preTextarea) =>
    _.compose(
        listen('click', createResultButton),
        _.compose(x => () => setAttr('value', postTextArea, x), getPostData),
    )(preTextArea);

For posterity, here's a link to the pen: https://codepen.io/rosefalk/pen/QWLpZEY?editors=0011