Javascript；使用createElement从localStorage加载数据

我遇到的问题是，当数据加载时，它会按照我在点击“Rasie New Pokemon”时设置的方式创建自己的元素

函数newPokemon（）{
var newDiv=document.createElement（“div”）；
//创建一个新的div
var xpPar=document.createElement（“p”）；
var lvlPar=document.createElement（“p”）；
var nxtLvlPar=document.createElement（“p”）；
var namePar=document.createElement（“p”）；
//创建新的段落元素
var newImg=document.createElement（“img”）；
//创建新的图像元素
var pokemon=[“Mudkip”、“Treecko”、“Torchic”]；
//包含可提升的口袋妖怪的数组
var randNum=Math.floor（Math.random（）*3）；
//选择一个介于1和2之间的随机数
如果（numopoke<1）{
newDiv.id=“内容”；
newImg.style.cursor=“指针”；
newImg.id=“口袋妖怪”；
开关（随机数）{
案例0：
newImg.src=”http://www.pokestadium.com/pokemon/sprites/img/main-series/5/black-white/animated/front/258.gif";
打破
案例1：
newImg.src=”http://www.pokestadium.com/pokemon/sprites/img/main-series/5/black-white/animated/front/252.gif";
打破
案例2：
newImg.src=”http://www.pokestadium.com/pokemon/sprites/img/main-series/5/black-white/animated/front/255.gif";
打破
违约：
警惕（“出了问题！警惕游戏的创建者！”）；
打破
}
newImg.onclick=函数（）{
addXP（）
};
xpPar.id=“xp”；
xpPar.innerHTML=“XP:+XP.toFixed（）；
lvlPar.id=“lvl”；
lvlPar.innerHTML=“级别：”+lvl；
nxtlvpar.id=“nxt_lvl”；
nxtlvpar.innerHTML=“XP到下一级：”+xpToNxtLvl.toFixed（2）；
namePar.id=“name”；
namePar.innerHTML=pokemon[randNum]；
文件.body.appendChild（newDiv）；
document.getElementById（“内容”）.appendChild（newImg）；
document.getElementById（“内容”）.appendChild（xpPar）；
document.getElementById（“内容”）.appendChild（lvlPar）；
document.getElementById（“内容”）.appendChild（namePar）；
document.getElementById（“内容”）.appendChild（nxtLvlPar）；
numopoke++；
//将一个添加到口袋妖怪计数器
}否则{
警报（“一次只能提升一个口袋妖怪！”）；
}
//只允许提升一个新的口袋妖怪
}

这是我用来创建元素的函数。我想要的是，当加载数据时，它将以更轻松的方式创建数据

---

这里有一个链接，指向我的，由于某种原因，我无法让它在JSFIDLE上工作。

不是将它保存到本地存储中，而是让人们在清除缓存时发疯，那么将它存储在服务器上如何？并在该服务器上创建一个包含口袋妖怪数据的php数组

var currentPokemon;

var Pokemon = {

    0: {
        Name: "Mudkip",
        Exp: 0,
        NextExp: 50,
        Lvl: 1, 
        Img: "http://www.pokestadium.com/pokemon/sprites/img/main-series/5/black-white/animated/front/258.gif"
    },

    1: {
        Name: "Treecko",
        Exp: 0,
        NextExp: 50,
        Lvl: 1, 
        Img: "http://www.pokestadium.com/pokemon/sprites/img/main-series/5/black-white/animated/front/252.gif"
    },

    2: {
        Name: "Torchic",
        Exp: 0,
        NextExp: 50,
        Lvl: 1, 
        Img: "http://www.pokestadium.com/pokemon/sprites/img/main-series/5/black-white/animated/front/255.gif"
    }

};

currentPokemon = Pokemon[Math.floor(Math.random() * 3)];

/*
    Now you can get all data you want from currentPokemon :)
*/

---

哦，没有jQuery！“你很勇敢！”德里克说朕會功夫 或者，像我一样，他害怕使用jQuery。另外@Zer0Pr0x您不能在

localStorage

中存储元素（您可能已经发现），但是您可以存储信息，然后用it@Markasoftware-为什么人们会害怕使用jQuery？@Derek朕會功夫 我不知道，我只是开玩笑而已。我不喜欢它，因为（像所有JavaScript库一样）对任何东西都不是必需的；它所做的一切都可以用纯JS来模拟，因为它不做任何真正困难的事情，所以我不想要它。我使用库来解压

.zip

文件（我不知道怎么做，我想这很难），但是jQuery…我看不到point@Markasoftware-我曾经尝试过不使用jQuery。我试过了，代码开始变得非常混乱。我无法链接方法，每次都必须使用

for

在数组中循环。。。啊，那些时间过去了，jQuery。。。真是太神奇了，根本没人能帮忙！（好吧，这有点夸张，但不管怎样：P）想想你如何在没有jQuery的情况下添加CSS样式！>_所以基本上这是一个数组。呃，有什么问题吗？哦，该死的，我没有看到本地存储我的坏处，因为

[a，b]

与

{0:a，1:b}

是一样的。这学期我将学习一门php/mysql课程，为此我感到非常兴奋！我在这里的目标就是利用我刚刚完成的课程中关于JavaScript的知识。我之所以选择localStorage，是因为这是我能想到的用JavaScript保存数据的唯一方法，除非有其他方法？

var currentPokemon;

var Pokemon = {

    0: {
        Name: "Mudkip",
        Exp: 0,
        NextExp: 50,
        Lvl: 1, 
        Img: "http://www.pokestadium.com/pokemon/sprites/img/main-series/5/black-white/animated/front/258.gif"
    },

    1: {
        Name: "Treecko",
        Exp: 0,
        NextExp: 50,
        Lvl: 1, 
        Img: "http://www.pokestadium.com/pokemon/sprites/img/main-series/5/black-white/animated/front/252.gif"
    },

    2: {
        Name: "Torchic",
        Exp: 0,
        NextExp: 50,
        Lvl: 1, 
        Img: "http://www.pokestadium.com/pokemon/sprites/img/main-series/5/black-white/animated/front/255.gif"
    }

};

currentPokemon = Pokemon[Math.floor(Math.random() * 3)];

/*
    Now you can get all data you want from currentPokemon :)
*/