JSFiddle - React, Tailwind, and code Playground

HTML

URL: <input type="text" id="url" name="url" />
<button type="button" onclick="test()">Test</button>

<img style="display: none" id="image" onerror="errorCallback()" onload="loadCallback()" />

JavaScript

var test = function () {
  document.getElementById('image').src = document.getElementById('url').value;
}

var errorCallback = function () {
  alert('Image did not exist');
}

var loadCallback = function () {
  alert('Image existed');
}