window.onload=() => { // VENDOR -------------------------------------------------------- const monsterHealthBar = document.getElementById('monster-health'); const playerHealthBar = document.getElementById('player-health'); const bonusLifeEl = document.getElementById('bonus-life'); const attackBtn = document.getElementById('attack-btn'); const strongAttackBtn = document.getElementById('strong-attack-btn'); const healBtn = document.getElementById('heal-btn'); const logBtn = document.getElementById('log-btn'); function adjustHealthBars(maxLife) { monsterHealthBar.max = maxLife; monsterHealthBar.value = maxLife; playerHealthBar.max = maxLife; playerHealthBar.value = maxLife; } function dealMonsterDamage(damage) { const dealtDamage = Math.random() * damage; monsterHealthBar.value = +monsterHealthBar.value - dealtDamage; return dealtDamage; } function dealPlayerDamage(damage) { const dealtDamage = Math.random() * damage; playerHealthBar.value = +playerHealthBar.value - dealtDamage; return dealtDamage; } function increasePlayerHealth(healValue) { playerHealthBar.value = +playerHealthBar.value + healValue; } function resetGame(value) { playerHealthBar.value = value; monsterHealthBar.value = value; } function removeBonusLife() { bonusLifeEl.parentNode.removeChild(bonusLifeEl); } function setPlayerHealth(health) { playerHealthBar.value = health; } // VENDOR -------------------------------------------------------- const ATTACK_VALUE = 10; const STRONG_ATTACK_VALUE = 17; const MONSTER_ATTACK_VALUE = 14; const HEAL_VALUE = 30; const MODE_ATTACK = 'ATTACK'; // MODE_ATTACK = 0 const MODE_STRONG_ATTACK = 'STRONG_ATTACK'; // MODE_STRONG_ATTACK = 1 const LOG_EVENT_PLAYER_ATTACK = 'PLAYER_ATTACK'; const LOG_EVENT_PLAYER_STRONG_ATTACK = 'PLAYER_STRONG_ATTACK'; const LOG_EVENT_MONSTER_ATTACK = 'MONSTER_ATTACK'; const LOG_EVENT_PLAYER_HEAL = 'PLAYER_HEAL'; const LOG_EVENT_GAME_OVER = 'GAME_OVER'; let battleLog = []; let lastLoggedEntry; function getMaxLifeValues() { const enteredValue = prompt('Maximum life for you and the monster.', '100'); const parsedValue = parseInt(enteredValue); if (isNaN(parsedValue) || parsedValue <= 0) { throw { message: 'Invalid user input, not a number!' }; } return parsedValue; } let chosenMaxLife; try { chosenMaxLife = getMaxLifeValues(); } catch (error) { console.log(error); chosenMaxLife = 100; alert('You entered something wrong, default value of 100 was used.'); // throw error; } let currentMonsterHealth = chosenMaxLife; let currentPlayerHealth = chosenMaxLife; let hasBonusLife = true; adjustHealthBars(chosenMaxLife); function writeToLog(ev, val, monsterHealth, playerHealth) { let logEntry = { event: ev, value: val, finalMonsterHealth: monsterHealth, finalPlayerHealth: playerHealth }; switch (ev) { case LOG_EVENT_PLAYER_ATTACK: logEntry.target = 'MONSTER'; break; case LOG_EVENT_PLAYER_STRONG_ATTACK: logEntry = { event: ev, value: val, target: 'MONSTER', finalMonsterHealth: monsterHealth, finalPlayerHealth: playerHealth }; break; case LOG_EVENT_MONSTER_ATTACK: logEntry = { event: ev, value: val, target: 'PLAYER', finalMonsterHealth: monsterHealth, finalPlayerHealth: playerHealth }; break; case LOG_EVENT_PLAYER_HEAL: logEntry = { event: ev, value: val, target: 'PLAYER', finalMonsterHealth: monsterHealth, finalPlayerHealth: playerHealth }; break; case LOG_EVENT_GAME_OVER: logEntry = { event: ev, value: val, finalMonsterHealth: monsterHealth, finalPlayerHealth: playerHealth }; break; default: logEntry = {}; } battleLog.push(logEntry); } function reset() { currentMonsterHealth = chosenMaxLife; currentPlayerHealth = chosenMaxLife; resetGame(chosenMaxLife); } function endRound() { const initialPlayerHealth = currentPlayerHealth; const playerDamage = dealPlayerDamage(MONSTER_ATTACK_VALUE); currentPlayerHealth -= playerDamage; writeToLog( LOG_EVENT_MONSTER_ATTACK, playerDamage, currentMonsterHealth, currentPlayerHealth ); if (currentPlayerHealth <= 0 && hasBonusLife) { hasBonusLife = false; removeBonusLife(); currentPlayerHealth = initialPlayerHealth; setPlayerHealth(initialPlayerHealth); alert('You would be dead but the bonus life saved you!'); } if (currentMonsterHealth <= 0 && currentPlayerHealth > 0) { alert('You won!'); win(); writeToLog( LOG_EVENT_GAME_OVER, 'PLAYER WON', currentMonsterHealth, currentPlayerHealth ); } else if (currentPlayerHealth <= 0 && currentMonsterHealth > 0) { lost(); alert('You lost!'); writeToLog( LOG_EVENT_GAME_OVER, 'MONSTER WON', currentMonsterHealth, currentPlayerHealth ); } else if (currentPlayerHealth <= 0 && currentMonsterHealth <= 0) { alert('You have a draw!'); writeToLog( LOG_EVENT_GAME_OVER, 'A DRAW', currentMonsterHealth, currentPlayerHealth ); } if (currentMonsterHealth <= 0 || currentPlayerHealth <= 0) { reset(); } } function attackMonster(mode) { const maxDamage = mode === MODE_ATTACK ? ATTACK_VALUE : STRONG_ATTACK_VALUE; const logEvent = mode === MODE_ATTACK ? LOG_EVENT_PLAYER_ATTACK : LOG_EVENT_PLAYER_STRONG_ATTACK; const damage = dealMonsterDamage(maxDamage); currentMonsterHealth -= damage; writeToLog(logEvent, damage, currentMonsterHealth, currentPlayerHealth); endRound(); } function attackHandler() { attackMonster(MODE_ATTACK); } function strongAttackHandler() { attackMonster(MODE_STRONG_ATTACK); } function healPlayerHandler() { let healValue; if (currentPlayerHealth >= chosenMaxLife - HEAL_VALUE) { alert("You can't heal to more than your max initial health."); healValue = chosenMaxLife - currentPlayerHealth; } else { healValue = HEAL_VALUE; } increasePlayerHealth(healValue); currentPlayerHealth += healValue; writeToLog( LOG_EVENT_PLAYER_HEAL, healValue, currentMonsterHealth, currentPlayerHealth ); endRound(); } function printLogHandler() { for (let i = 0; i < 3; i++) { console.log('------------'); } let j = 0; let i = 0; for (const logEntry of battleLog) { if ((!lastLoggedEntry && lastLoggedEntry !== 0) || lastLoggedEntry < i) { console.log(`#${i}`); for (const key in logEntry) { console.log(`${key} => ${logEntry[key]}`); } lastLoggedEntry = i; break; } i++; } } attackBtn.addEventListener('click', attackHandler); strongAttackBtn.addEventListener('click', strongAttackHandler); healBtn.addEventListener('click', healPlayerHandler); logBtn.addEventListener('click', printLogHandler); } // sound effects start here function play() { var audio = document.getElementById('audio'); if (audio.paused) { audio.play(); } } function play2() { var audio = document.getElementById('shotgun'); if (audio.paused) { audio.play(); } } function play3() { var audio = document.getElementById('heal'); if (audio.paused) { audio.play(); } } function play4() { var audio = document.getElementById('log'); if (audio.paused) { audio.play(); } } function win() { var audio = document.getElementById('win'); if (audio.paused) { audio.play(); } } function lost() { var audio = document.getElementById('lose'); if (audio.paused) { audio.play(); } }

Monster Killer