JSFiddle - React, Tailwind, and code Playground

by kthornbloom

HTML

<div class="container">
<a href="#">
<img src="https://picsum.photos/id/237/200/300"/>
</a>
<a href="#">
<img src="plop">
</a>
<a href="#">
<img src="https://picsum.photos/id/237/200/300"/>
</a>
<a href="#">
<img src="plop">
</a>
</div>

CSS

img {
  width: 200px;
  height: 200px;
}

a {
  border: 1px solid red;
  display: inline-block;
  padding: 5px;
}

JavaScript

var imgwrap = document.querySelectorAll('img')

var i;
for (i = 0; i < imgwrap.length; i++) {
	imgwrap[i].addEventListener('error', function(){
  	this.parentNode.style.display = "none";
  });
}