jquery-toad

Version:

jQuery TOAD - O velho e querido jQuery

e5r.github.io/jquery-toad

23 lines (19 loc) • 480 B

HTML

<body>
  <form>
    <label>Nome no GitHub:</label>
    <input type="text" id="nome">
    <img id="avatar" src="">
  </form>
  <script>
    var model = {
      name: '',
      avatarUrl: ''
    }

    function onChangeName() {
      model.name = $(this).val();
      model.avatarUrl = 'https://avatars.githubusercontent.com/' + model.name;

      $('#avatar').attr('src', model.avatarUrl);
    }

    $('#nome').on('keyup', onChangeName);
  </script>
</body>