JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="input-url" />
<button onclick="testurl()">
Test URL
</button>
<div id="result">Result: </div>

JavaScript

function testurl() {
	let urlstr = document.getElementById("input-url").value
  try {
	  let url = new URL(urlstr)
  	document.getElementById("result").innerHTML = "Result: OK"
  } catch (err) {
  	document.getElementById("result").innerHTML = err.toString()
  }
}