document.addEventListener("DOMContentLoaded", ()=>{

  // create an object of AbortController

const controller = new AbortController();

​

// get the signal property from the controller

const signal = controller.signal;

​

// Get reference to both the download and the stop button

const downloadBtn = document.getElementById("downloadBtn");

const stopBtn = document.getElementById("stopBtn");

​

​

// Add click listeners to both the download and stop buttons

downloadBtn.addEventListener("click", ()=>{

// fetch request

// passing signal as an option

fetch('https://jsonplaceholder.typicode.com/posts', {signal})

  .then(response => response.json())

  .then(json => console.log(json)); 

});

​

stopBtn.addEventListener("click", ()=>{

  controller.abort()

})

​

​

});

​

​

​

​

​

​

​