Adds Event listeners to HTML elements and safely removes them

eventBinder.js

export function bind(target, { type, listerner, options }) {
  target.addEventListener(type, listerner, options);

  return function unbind() {
    target.removeEventListener(type, listerner, options);
  };
}

Usage

import { bind } from "./eventBinder.js";
const button = document.getElementById("button");

function handleClick(event) {
  console.log("click");
}

const unbind = bind(button, {
  type: "click",
  listerner: handleClick,
  options: { capture: true },
});

unbind();