[Solved] I Want a Search Box With a Button Where I Can Copy Any Of The Image URL And I Want That Image To Be Displayed On The Same Web Page


<!DOCTYPE html>
<html>
<body>

<input type="search" id="linkit">

<button onclick="searchPic()">Search Image</button>
<div>
<img id="myImage" src="" style="width:100px">
</div>


<script>
function searchPic()
{
	searchValue= document.getElementById('linkit').value;
    alert(searchValue);
	document.getElementById('myImage').src = searchValue;
}
</script>

</body>
</html>

copy and paste any Image Url given below or any valid image url for testing

  1. https://placeimg.com/640/480/any
  2. http://via.placeholder.com/350×150

1

solved I Want a Search Box With a Button Where I Can Copy Any Of The Image URL And I Want That Image To Be Displayed On The Same Web Page