Create HTML list elements based on JavaScript event names

JavaScript

const tests = [
  ['AnimationEvent', () => new AnimationEvent('test')],
  ['CloseEvent', () => new CloseEvent('test')],
  ['ErrorEvent', () => new ErrorEvent('test')],
  ['IDBVersionChangeEvent', () => new IDBVersionChangeEvent('test')],
  ['KeyboardEvent', () => new KeyboardEvent('test')],
  ['PageTransitionEvent', () => new PageTransitionEvent('test')],
  ['PopStateEvent', () => new PopStateEvent('test')],
  ['TrackEvent', () => new TrackEvent('test')],
  ['TransitionEvent', () => new TransitionEvent('test')],
  ['WebGLContextEvent', () => new WebGLContextEvent('test')],
  ['WheelEvent', () => new WheelEvent('test')],
];

tests.forEach(([name, fn]) => {
  const li = document.createElement('li');
  try {
    fn();
    li.textContent = `${name}`;
  } catch (e) {
    li.textContent = `${name} is not defined`;
  }
  document.body.appendChild(li);
});