TypeError: badgeSvg is undefined

[graingert]

looks like you want something like this:

const sleep = t => new Promise(resolve => setTimeout(resolve, t));

(async () => {
  await $.ready;
  await sleep(500); // not sure why this is 
  const badgeSvg = document.getElementById("badge").contentDocument;

  if (isOrganiser || isContributor) {
    badgeSvg.getElementById("background").className.baseVal = "red";
  } else if (isContributor) {
    badgeSvg.getElementById("background").className.baseVal = "blue";
  }
}();

moved from PyconUK/2018.pyconuk.org#5

[graingert]

it looks like:

$(window).bind("load", function() {
  setTimeout(badgeLoad, 500);
});

is just totally superfluous, it means if you click on any of the buttons in under 500ms after the window load event then it fails.

it looks like you just need: badgeLoad() on its own