//store form's value in localStorage

var f = document.querySelector("form#avatar_form")
f.onchange = updateAvatar 
 
document.querySelector("#player1").onchange = updateAvatar
document.querySelector("#player2").onchange = updateAvatar

function updateAvatar () {
    //console.log("CHANGE");
    var fd = new FormData(f);
    var avatar=fd.get("player_avatar")
    console.log("avatar", avatar);
    localStorage.myavatar=avatar;

}

// store username in local storage + make sure the player added their preferences, if yes it redirect to the following page

function storeName(){
var inputPlayer = document.querySelector('#player_name').value;
localStorage.playerName=inputPlayer;

if (document.querySelector('#player_name').value === '') {
    alert('Please make sure you declared your preferences');
  }
else  {
  window.location.href = "0_start.html";
}

}