Javascript 我想要一个带有按钮的搜索框，我可以在其中复制任何图像URL，我希望该图像显示在同一网页上

这张图显示了我的需求

我是这样写代码的。。 html:

工作正常，但在另一个窗口中获取给定的图像url页面，但我希望结果也在同一页面中。

<img id="result" />

function searchit() {
    document.getElementById('result').src = (("http://via.placeholder.com/350x") + (document.getElementById("linkit").value))};

你好,

您的问题是您试图创建链接，而不是显示图像。您应该改为更改图像的src。
在上面的代码中，我添加了一个图像来保存查询结果，并用输入值更新图像的src部分。这样，就得到了想要的结果。


搜索图像
函数searchPic（）
{
searchValue=document.getElementById（'linkit'）.value；
警报（搜索值）；
document.getElementById（'myImage'）.src=searchValue；
}
buddy会做的，但请帮助我编写代码。您需要使用谷歌的API。试试看，我觉得我的答案现在更好了，谢谢你的意见。请投赞成票，接受这个答案，如果有帮助的话：）
function searchit() {
   document.getElementById('hp').href=(("https://www.google.com/search?q=") + (document.getElementById("linkit");

<img id="result" />

function searchit() {
    document.getElementById('result').src = (("http://via.placeholder.com/350x") + (document.getElementById("linkit").value))};