Javascript 获取地雷船图像

我想做点什么，如果你输入你的minecraft用户名，你会得到你的个人资料图标

我发现了这个网站Minotar，在那里你可以通过url获得图标。因此，我尝试用它制作一个JavaScript脚本，并显示它。但是，当我单击“开始”时，图片不想显示

我做错了什么

这是我的密码

<script>
function usernameget(){
  var username = document.getElementById("username").value;
  var url = "http://www.minotar.net/avatar/" + username + "/150";
  document.getElementById("usernamepicture").setAttribute("src", url);
}
</script>
<form>
  <img id="usernamepicture" src="">
  <p>Your Minecraft Username</p>
  <input type="text" id="username">
  <button onclick="usernameget()">Go!</button>
</form>

函数usernameget（）{
var username=document.getElementById（“用户名”）.value；
变量url=”http://www.minotar.net/avatar/“+username+”/150”；
document.getElementById（“usernamepicture”）.setAttribute（“src”，url）；
}
你的Minecraft用户名

走！

将按钮类型设置为

按钮

<button onclick="usernameget()" type="button">Go!</button>

开始！

这将阻止它提交您的

表单

看这把小提琴：

---

---

但是，我认为更好的解决方案是删除表单标记，除非您确实要求用户稍后将表单提交回服务器。

您确定URL只包含图像而不包含其他内容吗？删除

表单
标记。@MohitBhasi我知道URL是正确的。我试过了。不管怎样，我找到了答案，所以不用担心。