Handle broken image or link with JavaScript

index.html

<script>
document.addEventListener("DOMContentLoaded", function() {
    let images = document.querySelectorAll("img");

    images.forEach(img => {
        img.addEventListener("error", function () {
            console.log("Broken image: ", img);
            img.src = `https://fakeimg.pl/${img.width}x${img.height}/`;
        });
        let xhr = new XMLHttpRequest();
        xhr.open('GET', img.src, true);
        xhr.responseType = 'blob';
        xhr.onload = function(e) {
            if (this.status === 200) {
                var imgBlob = this.response;
            }
        }
        xhr.onerror = function() {
            img.src = `https://fakeimg.pl/${img.width}x${img.height}/`;
        };
        xhr.send();
    });
});
</script>