abort controller event cancel
by Emily Humphrey
HTML
<button id="js-click">Click</button>
<button id="js-cancel">Cancel</button>
JavaScript
const clickButton = document.querySelector("#js-click");
const cancelButton = document.querySelector("#js-cancel");
const controller = new AbortController();
const signal = controller.signal;
let count = 0;
clickButton.addEventListener("click", () => {
count++
console.log(count);
}, {signal})
cancelButton.addEventListener("click", () => controller.abort());