JavaScript简易文字对战游戏

最近突然想起小时候非常喜欢玩的网页文字游戏，发现完全可以用原生js来实现，而且也并不难，就自己写了一个比较丑的..因为实在找不到好看的素材

游戏界面就是这样。。 这个游戏可以优化的地方很多，我这里只添加了hp和速度属性，有精力的话还可以增加力量，敏捷等等属性，力量属性是可以跟自己的伤害成正比的，只要计算一个稍微平衡一点的数值就可以了，当然还可以增加回血的技能啊等等太多了只要能想到都能加进去。

html和css布局就不说了 ，非常的简答。

我是先定义了两个数组 ，一个用来保存对手的属性，一个数组用来存放技能。

var person = [

{

name : '东方不败',

hp : 105,

speed : 70,

picture: './img/img1.jpg'

},

{

name : '岳不群',

hp : 80,

speed : 90,

picture: './img/img2.jpg'

},

{

name : '林平之',

hp : 120,

speed : 55,

picture: './img/img3.jpg'

},

{

name : '令狐冲',

hp : 115,

speed : 60,

picture: './img/img4.jpg'

},

{

name : '西门吹雪',

hp : 90,

speed : 80,

picture: './img/img5.jpg'

}

];

var skill = [ '挥剑向对面砍去，对方hp-', '如来神掌，对方hp-', '一记紫气东来，对方hp-', '撸起了袖子给对面一顿胖揍，对方hp-', '向对面吐了口唾沫，对方hp-', '把鞋脱了扔向了对面，对方hp-', '不说废话一电炮，对方hp-', '向对面抛了个媚眼，对方hp-', '悄悄地放了个屁，对方hp-'];

当按下开始比武就开始游戏了

oBtn. onclick = function(){

startPK();

pkReady();

}

开始游戏要生成对面的人物 ，并且开始游戏之后再按是无效的

这样就会生成对战对手的信息，然后我们需要根据人物属性中速度的快慢来决定谁先出招，

之后就是你一招我一招的回合制了，看谁的hp先掉到0，

function pk (){

if( person[ index]. hp > 0 && myHp. innerText > 0){

if( circle){

console. log( 1)

var index2 = parseInt( Math. random()* skill. length);

var index3 = parseInt( Math. random()* 30);

var process = document. createElement( 'p');

process. innerText = '第'+ turn + '回合：'+ '你使用了'+ skill[ index2] + index3;

person[ index]. hp -= index3;

oHp. innerText -= index3;

turn= turn+ 1;

middle. appendChild( process);

circle = false;

} else{

var index2 = parseInt( Math. random()* skill. length);

var index3 = parseInt( Math. random()* 30);

var process = document. createElement( 'p');

process. innerText = '第'+ turn + '回合：