jquery-toad
Version:
jQuery TOAD - O velho e querido jQuery
39 lines (32 loc) • 810 B
HTML
<body>
<form>
<label>Nome no GitHub:</label>
<input type="text" id="nome">
<img id="avatar" src="">
</form>
<script>
var model = {
name: '',
avatarUrl: '',
changeName: function (name) {
this.name = name;
this.avatarUrl = 'https://avatars.githubusercontent.com/' + name;
onUpdateModel(this);
}
}
var view = {
updateView: function (model) {
$('#nome').val(model.name);
$('#avatar').attr('src', model.avatarUrl);
}
}
function onChangeName() {
model.changeName($(this).val());
}
function onUpdateModel(model) {
view.updateView(model);
}
model.changeName('erlimar');
$('#nome').on('keyup', onChangeName);
</script>
</body>