Variable won't display after page reload

See more:

Javascript

HTML

LocalStorage

Hello! I am trying to display a variable. People click on an image to pick a Pokemon (Charmander, Bulbasaur, or Squirtle), and it will take them to a page called battle.html and they will be able to pick more Pokemon with the coins they have. The code I am using for saving the pokemon chosen is

function move() {
  if(localStorage.getItem('pokemonchosen') === null) {
        localStorage.setItem('pokemonchosen', pokemon);
    } else {
        pokemonchosen = localStorage.getItem('pokemonchosen');
    }
    document.getElementById("p1").innerHTML =
        "Pokemon chosen: " + pokemonchosen;
}
}

Here are the images code:

<a href="battle.html" onclick="charmander();move();"><img draggable="false" src="images/charmander.gif"></a>
	<a href="battle.html" onclick="squirtle();move();"><img draggable="false" src="images/squirtle.gif"></a>
	<a href="battle.html" onclick="bulbasaur();move();"><img draggable="false" src="images/bulbasaur.gif"></a>

Here are all the variables:

var pokemonchosen;
var coins = 1000;
var pokemonagainstTutorial = "Magikarp";
var random = pokemonagainst[Math.floor(Math.random()*pokemonagainst.length)];
var username = document.getElementById('enterusername').innerHTML = username;
//HP For Pokemon - Start
var hpmagikarp = 100;
var hpcharmander = 100;
var hpbulbasaur = 100;
var hpsquirtle = 100;
//HP For Pokemon - End

I don't know if this matters: but the variables are on the top and I am not using a script tag for all the code it's external script. But yes I am linking it to it on battle.html :


UPDATE (from comments):
I edited the code a bit:

var pokemonchosen;
var coins = 1000;
var pokemonagainstTutorial = "Magikarp";
//HP For Pokemon - Start
var hpmagikarp = 100;
var hpcharmander = 100;
var hpbulbasaur = 100;
var hpsquirtle = 100;
//HP For Pokemon - End

function move() {
if(localStorage.getItem('pokemonchosen') === null) {
localStorage.setItem('pokemonchosen', pokemonchosen);
} else {
pokemonchosen = localStorage.getItem('pokemonchosen');
}
document.getElementById("p1").innerHTML =
"Pokemon chosen: " + pokemonchosen;
}

It still doesn't work but I'm closer: now it shows: Pokemon chosen: undefined

What I have tried:

I have tried adding the script all into the html with a script tag.