draw bar healt after attack

Cristiano Magro

2024-12-26 8c672a568ad096f28d4c3a2ba95b01ecc30cc3ce

 04 - monster slayer game/prj-monster-01-starting-setup/app.js

@@ -1,10 +1,35 @@
function getRandomValue(min, max){
    return Math.floor(Math.random() * (max - min)) + min;
}


const app = Vue.createApp({
    data() {
      return {};
  data() {
    return {
      playerHealth: 100,
      monsterHealth: 100,
    };
  },
  computed: {
    monsterBarStyle(){
        return {width: this.monsterHealth + '%'}
    },
    computed: {},
    watch: {},
    methods: {},
  });
  
  app.mount("#game");
    playerBarStyle(){
        return {width: this.playerHealth + '%'}
    },
  },
  watch: {},
  methods: {
    attackMonster() {
      const attackValue = getRandomValue(5,12);
      this.monsterHealth -= attackValue;
      this.attackPlayer();
    },
    attackPlayer(){
        const attackValue = getRandomValue(8,15);
        this.playerHealth -= attackValue;
    },
  },
});

app.mount("#game");