diff --git a/img/dead/shiba.png b/img/dead/shiba.png new file mode 100644 index 0000000..e49f33c Binary files /dev/null and b/img/dead/shiba.png differ diff --git a/img/dedsad.png b/img/dedsad.png new file mode 100644 index 0000000..e49f33c Binary files /dev/null and b/img/dedsad.png differ diff --git a/index.html b/index.html index afe09b5..aece553 100644 --- a/index.html +++ b/index.html @@ -9,9 +9,14 @@ PetPet - -

:OOOO

- :0000 + +

Welcome to PetPet!

+

Please choose an Animal:

+
+ tiger + shiba +
+

Made by MrEidam & Tufsie
@@ -22,7 +27,7 @@

Junior-BOY

Age:

- +
diff --git a/main.js b/main.js index 4532ead..0d53d23 100644 --- a/main.js +++ b/main.js @@ -9,7 +9,24 @@ const Dhealth = document.querySelector('#heaN'); let coins = 0; -let chosenAnimal = 'tiger'; +let chosenAnimal = ''; + +function getAnimalImage(stage){ + const stages = ['baby', 'teen', 'adult', 'senior']; + if(stage >= 0 && stage < stages.length){ + return `./img/${chosenAnimal}/${stages[stage]}.png`; + } + return ''; +} + +function getDeadImage(){ + return `./img/dead/${chosenAnimal}.png`; +} + +function getGoneImage(){ + return `./img/gone/${chosenAnimal}.png`; +} + const animalImage = { animal: { @@ -18,13 +35,13 @@ const animalImage = { `./img/${chosenAnimal}/baby.png`, `./img/${chosenAnimal}/teen.png`, `./img/${chosenAnimal}/adult.png`, - `./img/${chosenAnimal}/senior.png` + `./img/${chosenAnimal}/senior.png`, ] }, - Dead: `./img/dead/${chosenAnimal}.png`, - Gone: `./img/gone/${chosenAnimal}.png` + Dead: function(){ return `./img/dead/${chosenAnimal}.png`; }, + Gone: function(){ return `./img/gone/${chosenAnimal}.png`; } } -} +}; let attributes = { Name: [], @@ -64,12 +81,32 @@ let attributes = { away: 0, } } +function choseTime(){ + document.querySelector('#chui').style.display = 'flex'; + document.querySelector('#blurs').style.display = 'flex'; +} +function option(num){ + document.querySelector('#chui').style.display = 'none'; + document.querySelector('#blurs').style.display = 'none'; -window.addEventListener('load',() => { - ////choseTime(); + switch(num){ + case 0: + chosenAnimal = 'tiger'; + break; + case 1: + chosenAnimal = 'shiba'; + break; + default: + alert('MrEidam did a oopsie dopsie'); + break; + } display(); time(); money(); +} + +window.addEventListener('load',() => { + choseTime(); }); function money(){ @@ -102,20 +139,27 @@ function toCPercen(varr){ varr.value = varr.min; } - switch (true){ + let colorClass; + switch(true){ case num >= 80: - return `

${num}%

`; + colorClass = "Lime"; + break; case num >= 60: - return `

${num}%

`; + colorClass = "Yellow"; + break; case num >= 40: - return `

${num}%

`; + colorClass = "Orange"; + break; case num >= 20: - return `

${num}%

`; + colorClass = "DarkOrange"; + break; default: - return `

${num}%

`; + colorClass = "Red"; } + return `

${num}%

`; } + function display(){ Dage.innerHTML = (attributes.Age.value); Djoy.innerHTML = toCPercen(attributes.Joy); @@ -123,36 +167,33 @@ function display(){ Dclean.innerHTML = toCPercen(attributes.Clean); Dhealth.innerHTML = toCPercen(attributes.Hp); - if(attributes.Age.value<=6){ + if(attributes.Age.value <= 6){ NameC.innerHTML = `Junior`; - Aimg.src = animalImage.animal.Normal.age[0]; - }else if(attributes.Age.value<18){ + Aimg.src = getAnimalImage(0); + }else if(attributes.Age.value < 18){ NameC.innerHTML = `Teen`; - Aimg.src = animalImage.animal.Normal.age[1]; - }else if(attributes.Age.value<60){ + Aimg.src = getAnimalImage(1); + }else if(attributes.Age.value < 60){ NameC.innerHTML = `Adult`; - Aimg.src = animalImage.animal.Normal.age[2]; - }else if(attributes.Age.value