JSFiddle - React, Tailwind, and code Playground

by yucca42

HTML

<h1>Testing</h1>
<img src="http://www.xxx.invalid/xxx" alt="Alt text" onerror=altr(this)>
<p>Testing

CSS

span.notLoaded {
    display: inline-block;
    border: solid thin;
    color:red;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);        
}

JavaScript

function altr(el) {
console.log(el.innerHTML);
  var span = document.createElement('span');
  span.className = 'notLoaded';
  span.innerHTML = el.alt || 'Missing alt';
  el.parentNode.replaceChild(span, el);
}