Переменная не будет отображаться после перезагрузки страницы
- Привет! Я пытаюсь отобразить переменную. Люди нажимают на изображение, чтобы выбрать покемона (Чармандера, Бульбазавра или Сквиртла), и это приведет их на страницу под названием battle.html и они смогут выбрать больше покемонов с теми монетами, которые у них есть. Код, который я использую для сохранения выбранного покемона, таков
function move() { if(localStorage.getItem('pokemonchosen') === null) { localStorage.setItem('pokemonchosen', pokemon); } else { pokemonchosen = localStorage.getItem('pokemonchosen'); } document.getElementById("p1").innerHTML = "Pokemon chosen: " + pokemonchosen; } }
Вот код изображений:
<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>
Вот все переменные:
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
Я не знаю, имеет ли это значение: но переменные находятся сверху, и я не использую тег script для всего кода, который является внешним скриптом. Но да я связываю его с ним дальше battle.html :
ОБНОВЛЕНИЕ (от комментариев):
Я немного отредактировал код:
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; }
Это все еще не работает, но я ближе: теперь он показывает: Pokemon chosen: undefined
Что я уже пробовал:
Я пробовал добавлять скрипт в HTML с помощью тега script.
Member 13257242
Я немного отредактировал код:
< добавлено к вопросу>
Thomas Daniels
Когда вы вызываете setItem, определяется ли "покемон"?
Member 13257242
@ProgramFox, нет, но я изменил код:
ВАР pokemonchosen;
var монет = 1000;
var pokemonagainstTutorial = " Magikarp";
// HP для Pokemon-Start
var hpmagikarp = 100;
var hpcharmander = 100;
var hpbulbasaur = 100;
var hpsquirtle = 100;
// HP для Pokemon-End
функция перемещения() {
если(хранилище localStorage.метод getitem('pokemonchosen') === значение null) {
localStorage. setItem ('pokemonchosen', pokemonchosen);
} еще {
pokemonchosen = localStorage. getItem ('pokemonchosen');
}
document.getElementById("p1"). innerHTML =
"Покемон выбрали:" + pokemonchosen;
}