tyrel/learnin-some-vue
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

cleanup refactor a bit

Browse Source
This commit is contained in:
Tyrel Souza 2018-04-14 00:55:51 -04:00
parent 1605e37c6d
commit c4d5b97bb1
No known key found for this signature in database
GPG Key ID: 5A9394D4C30AEAC0
2 changed files with 13 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
monster_game/app.js
View File

@ -32,24 +32,24 @@ var app = new Vue({
},
playerAttack(){
console.log("player Attack");
var dmg = this.getRandomInt(1, 10);
var log = {attacker: 'player', dmg: dmg}
var dmg = this.getRandomInt(3, 10);
this.mHP -= dmg;
this.logs.unshift(log);
this.logs.unshift({isPlayer: true, text: 'Player hits monster for ' + dmg});
this.monsterAttack();
},
specialAttack(){
console.log("special Attack");
var dmg = this.getRandomInt(1, 20);
var log = {attacker: 'player', dmg: dmg}
var dmg = this.getRandomInt(10, 20);
this.mHP -= dmg;
this.logs.unshift(log);
this.logs.unshift({isPlayer: true, text: 'Player hits monster hard for ' + dmg});
this.monsterAttack();
},
heal(){
console.log("heal");
var hp = this.getRandomInt(1, 10);
this.pHP += hp;
var hp = 10
this.pHP = Math.min(100, this.pHP + 10 );
var log =
this.logs.unshift({isPlayer: true, text: 'Player heals for 10'});
this.monsterAttack();
},
giveUp(){
@ -58,8 +58,8 @@ var app = new Vue({
},
monsterAttack(){
console.log("attacked");
var dmg = this.getRandomInt(1, 10);
var log = { attacker: 'monster', dmg: dmg}
var dmg = this.getRandomInt(5, 12);
var log = { isPlayer: false, text: 'monster hits player for ' + dmg}
this.pHP -= dmg;
this.logs.unshift(log);
},

13
monster_game/index.html
View File

@ -42,18 +42,9 @@
<section class="row log">
<div class="small-12 columns">
<ul>
<template v-for="log in logs">
<template v-if="log.attacker == 'player'">
<li class="player-turn">
player hits monster for {{log.dmg}} damage.
<li v-for="log in logs" :class="[{'player-turn': log.isPlayer, 'monster-turn': !log.isPlayer}]">
{{log.text}}
</li>
</template>
<template v-else>
<li class="monster-turn">
monster hits player for {{log.dmg}} damage.
</li>
</template>
</template>
</ul>
</div>