Abortable example

by Quique Fdez Guerra

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.26.0/polyfill.min.js"></script>
<button>Abort</button>
<div>Working!</div>

Babel + JSX

const controller = new AbortController();
const signal = controller.signal;

const $button = document.querySelector('button');
const $result = document.querySelector('div');

signal.addEventListener('abort', () => {
  $result.innerText = 'Aborted!';
});

$button.addEventListener('click', () => controller.abort());