{"size": 1269, "ext": "js", "max_stars_repo_path": "js/app.js", "max_stars_repo_name": "conjamver/Coffee-ID", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "js/app.js", "max_issues_repo_name": "conjamver/Coffee-ID", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "js/app.js", "max_forks_repo_name": "conjamver/Coffee-ID", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 35.25, "max_line_length": 123, "alphanum_fraction": 0.4846335697}
var app = new Vue({
  el: '#app',
  data: {
      firstName:"",
      lastName:""
  },
methods:{
    //Change Image url FUNCTION
        AvatarSelect: function(){
            //selecting elements and array of images
            var avatarSelect = document.getElementById("avatarSelect");
            var avatar = document.getElementById("avatar");
            var avatarPreview = document.getElementById("avatarPreview");
            var avatarArray = ["img/cubeAvatar.png", "img/ninjaAvatar.png","img/vampireAvatar.png","img/robotAvatar.png" ];
            //Changing the image 
            switch(avatarSelect.value){
                case "0":
                    avatar.src=avatarArray[0];
                    avatarPreview.src=avatarArray[0];
                    break;
                case "1":
                    avatar.src=avatarArray[1];
                    avatarPreview.src=avatarArray[1];
                    break;
                case "2":
                    avatar.src=avatarArray[2];
                    avatarPreview.src=avatarArray[2];
                    break;
                case "3":
                    avatar.src=avatarArray[3];
                    avatarPreview.src=avatarArray[3];
                    break;
            }
       } 
    }
});