获取 Minecraft 图片

Question

我正在尝试制作一些东西，如果你输入你的 minecraft 用户名，你会看到你的个人资料图标。

我找到了这个网站 Minotar，在那里你可以通过 url 获得图标。所以，我尝试用它制作一个 JavaScript 脚本，并显示它。但是，当我单击 "Go!" 时，图片不想显示。

我做错了什么？

这是我的代码。

<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>

这将阻止它提交您的 form。

看到这个fiddle：http://jsfiddle.net/512p1L89/

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

获取 Minecraft 图片

Getting Minecraft Images

javascript

minecraft