javascript - 获取 Minecraft 图片

Question

我正在尝试做一些事情，如果你输入你的 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>

Answer 1

将按钮类型设置为 button。

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

这将阻止它提交您的表单。

请参阅此 fiddle :http://jsfiddle.net/512p1L89/

---

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