| commit | author | age | ||
| 4a01d9 | 1 | function getRandomValue(min, max){ |
| CM | 2 | return Math.floor(Math.random() * (max - min)) + min; |
| 3 | } | |
| 4 | ||
| 5 | ||
| 14370b | 6 | const app = Vue.createApp({ |
| 4a01d9 | 7 | data() { |
| CM | 8 | return { |
| 9 | playerHealth: 100, | |
| 10 | monsterHealth: 100, | |
| 11 | }; | |
| 12 | }, | |
| 8c672a | 13 | computed: { |
| CM | 14 | monsterBarStyle(){ |
| 15 | return {width: this.monsterHealth + '%'} | |
| 16 | }, | |
| 17 | playerBarStyle(){ | |
| 18 | return {width: this.playerHealth + '%'} | |
| 19 | }, | |
| 20 | }, | |
| 4a01d9 | 21 | watch: {}, |
| CM | 22 | methods: { |
| 23 | attackMonster() { | |
| 24 | const attackValue = getRandomValue(5,12); | |
| 25 | this.monsterHealth -= attackValue; | |
| 26 | this.attackPlayer(); | |
| 14370b | 27 | }, |
| 4a01d9 | 28 | attackPlayer(){ |
| CM | 29 | const attackValue = getRandomValue(8,15); |
| 30 | this.playerHealth -= attackValue; | |
| 31 | }, | |
| 32 | }, | |
| 33 | }); | |
| 34 | ||
| 35 | app.mount("#game"); | |
