diff --git a/08week/fetch/APi.html b/08week/fetch/APi.html new file mode 100644 index 000000000..5e01c79bb --- /dev/null +++ b/08week/fetch/APi.html @@ -0,0 +1,17 @@ + + + + + + Fetch Address Book + + +
+ +
+

All Posts

+ +
+ + + \ No newline at end of file diff --git a/08week/fetch/apiAddress.js b/08week/fetch/apiAddress.js new file mode 100644 index 000000000..a00088893 --- /dev/null +++ b/08week/fetch/apiAddress.js @@ -0,0 +1,26 @@ +"use strict"; + +function catchError(result) { + if (!result.ok) { + throw Error(result.message); + } + return result; +} +function getAPI() { + fetch("https://randomuser.me/api/?results=500") + .then(result => result.json()) + .then(data => { + let output = `

Friends

`; + data.results.forEach(function(user) { + output += ` + faces + + `; + }); + document.getElementById("container").innerHTML = output; + }); +} diff --git a/08week/fetch/index.html b/08week/fetch/index.html deleted file mode 100644 index 6417d858f..000000000 --- a/08week/fetch/index.html +++ /dev/null @@ -1,16 +0,0 @@ - - - - - Fetch - - - - -
- - - - - - diff --git a/08week/fetch/script.js b/08week/fetch/script.js deleted file mode 100644 index ad9a93a7c..000000000 --- a/08week/fetch/script.js +++ /dev/null @@ -1 +0,0 @@ -'use strict'; diff --git a/10week/pokemonApp/Pokemon.html b/10week/pokemonApp/Pokemon.html new file mode 100644 index 000000000..71d16f033 --- /dev/null +++ b/10week/pokemonApp/Pokemon.html @@ -0,0 +1,404 @@ + + + + + + + Pokemon + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+

+
+
+
+ + +
+
+
+
+
+

+
+
+
+ + +
+
+
+
+
+

+
+
+
+ + +
+
+
+
+
+

+
+
+
+ + + +
+
+
+
+
+

+
+
+
+ + +
+
+
+
+
+

+
+
+
+ + +
+
+
+
+
+

+
+
+
+ + +
+
+
+
+
+

+
+
+
+ + +
+
+
+
+
+

+
+
+
+ + +
+
+
+
+
+

+
+
+
+ +
+
+
+
+
+

+
+
+
+ + +
+
+
+
+
+

+
+
+
+ + +
+
+
+
+
+

+
+
+
+ + +
+
+
+
+
+

+
+
+
+ + +
+
+
+
+
+

+
+
+
+ + +
+
+
+
+
+

+
+
+
+ + +
+
+
+
+
+

+
+
+
+ + +
+
+
+
+
+

+
+
+
+ + +
+
+
+
+
+

+
+
+
+ +
+ +
+

+

+

+ +
+ +
+

+

+

+

+ +
+ +
+

+

+
+ +
+ + + + + + + + + diff --git a/10week/pokemonApp/images/pokemonimages/Bulbasaur.svg b/10week/pokemonApp/images/pokemonimages/Bulbasaur.svg new file mode 100644 index 000000000..931e1b1f4 --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/Bulbasaur.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/images/pokemonimages/Pokeball.svg b/10week/pokemonApp/images/pokemonimages/Pokeball.svg new file mode 100644 index 000000000..c20491733 --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/Pokeball.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + diff --git a/10week/pokemonApp/images/pokemonimages/arena.png b/10week/pokemonApp/images/pokemonimages/arena.png new file mode 100644 index 000000000..59aefb1a6 Binary files /dev/null and b/10week/pokemonApp/images/pokemonimages/arena.png differ diff --git a/10week/pokemonApp/images/pokemonimages/butterfree-seeklogo.com.svg b/10week/pokemonApp/images/pokemonimages/butterfree-seeklogo.com.svg new file mode 100644 index 000000000..289ff56d7 --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/butterfree-seeklogo.com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/images/pokemonimages/charizard.svg b/10week/pokemonApp/images/pokemonimages/charizard.svg new file mode 100644 index 000000000..ba18a9285 --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/charizard.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/images/pokemonimages/dragonite-seeklogo.com.svg b/10week/pokemonApp/images/pokemonimages/dragonite-seeklogo.com.svg new file mode 100644 index 000000000..14164a5d5 --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/dragonite-seeklogo.com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/images/pokemonimages/hitmonlee-seeklogo.com.svg b/10week/pokemonApp/images/pokemonimages/hitmonlee-seeklogo.com.svg new file mode 100644 index 000000000..cd7aa2089 --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/hitmonlee-seeklogo.com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/images/pokemonimages/jigglypuff-seeklogo.com.svg b/10week/pokemonApp/images/pokemonimages/jigglypuff-seeklogo.com.svg new file mode 100644 index 000000000..a5f2932d4 --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/jigglypuff-seeklogo.com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/images/pokemonimages/jolteon-seeklogo.com.svg b/10week/pokemonApp/images/pokemonimages/jolteon-seeklogo.com.svg new file mode 100644 index 000000000..64ad67bf1 --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/jolteon-seeklogo.com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/images/pokemonimages/machamp-seeklogo.com.svg b/10week/pokemonApp/images/pokemonimages/machamp-seeklogo.com.svg new file mode 100644 index 000000000..be241c126 --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/machamp-seeklogo.com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/images/pokemonimages/magnemite-seeklogo.com.svg b/10week/pokemonApp/images/pokemonimages/magnemite-seeklogo.com.svg new file mode 100644 index 000000000..99bd524d8 --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/magnemite-seeklogo.com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/images/pokemonimages/mewtwo-seeklogo.com.svg b/10week/pokemonApp/images/pokemonimages/mewtwo-seeklogo.com.svg new file mode 100644 index 000000000..40d5c683b --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/mewtwo-seeklogo.com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/images/pokemonimages/moltres-seeklogo.com.svg b/10week/pokemonApp/images/pokemonimages/moltres-seeklogo.com.svg new file mode 100644 index 000000000..6b1f22e55 --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/moltres-seeklogo.com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/images/pokemonimages/pikachu-seeklogo.com.svg b/10week/pokemonApp/images/pokemonimages/pikachu-seeklogo.com.svg new file mode 100644 index 000000000..ebee1d98f --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/pikachu-seeklogo.com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/images/pokemonimages/sandslash-seeklogo.com.svg b/10week/pokemonApp/images/pokemonimages/sandslash-seeklogo.com.svg new file mode 100644 index 000000000..0b1d2f3e7 --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/sandslash-seeklogo.com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/images/pokemonimages/slowpoke-seeklogo.com.svg b/10week/pokemonApp/images/pokemonimages/slowpoke-seeklogo.com.svg new file mode 100644 index 000000000..adbeeaebc --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/slowpoke-seeklogo.com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/images/pokemonimages/snorlax-seeklogo.com.svg b/10week/pokemonApp/images/pokemonimages/snorlax-seeklogo.com.svg new file mode 100644 index 000000000..75ee957c7 --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/snorlax-seeklogo.com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/images/pokemonimages/squirtle-seeklogo.com.svg b/10week/pokemonApp/images/pokemonimages/squirtle-seeklogo.com.svg new file mode 100644 index 000000000..365377d1c --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/squirtle-seeklogo.com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/images/pokemonimages/swords.svg b/10week/pokemonApp/images/pokemonimages/swords.svg new file mode 100644 index 000000000..60e14d62d --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/swords.svg @@ -0,0 +1,117 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/10week/pokemonApp/images/pokemonimages/voltorb-seeklogo.com.svg b/10week/pokemonApp/images/pokemonimages/voltorb-seeklogo.com.svg new file mode 100644 index 000000000..2a0f9d522 --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/voltorb-seeklogo.com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/images/pokemonimages/weepinbell-seeklogo.com.svg b/10week/pokemonApp/images/pokemonimages/weepinbell-seeklogo.com.svg new file mode 100644 index 000000000..3b49843fa --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/weepinbell-seeklogo.com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/images/pokemonimages/zapdos-seeklogo.com.svg b/10week/pokemonApp/images/pokemonimages/zapdos-seeklogo.com.svg new file mode 100644 index 000000000..afeba32c0 --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/zapdos-seeklogo.com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/images/pokemonimages/zubat-seeklogo.com.svg b/10week/pokemonApp/images/pokemonimages/zubat-seeklogo.com.svg new file mode 100644 index 000000000..05a69027f --- /dev/null +++ b/10week/pokemonApp/images/pokemonimages/zubat-seeklogo.com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/10week/pokemonApp/pokemon.css b/10week/pokemonApp/pokemon.css new file mode 100644 index 000000000..a7d8d6f8b --- /dev/null +++ b/10week/pokemonApp/pokemon.css @@ -0,0 +1,256 @@ +body { + width: 100%; + height: 130vh; + margin:0; + padding-bottom: 175px; + background-image: url("./images/pokemonimages/arena.png"); + background-size:100% 100%; + background-repeat:no-repeat; + } + + +#pokemon1{ + color:white; + font-size:large; + height:140px; + width:600px; + padding:20px; + background-color: rgba(0, 0, 0, 0.8); + margin:20px; + border-radius: 30px; + display:flex; + flex-direction: column; + align-content: center; + justify-content: center; + + + } + + p{ + font-family: 'Signika', sans-serif; + font-size: 15px; + font-style: bold; + } + + h1{ + font-family: 'Signika', sans-serif; + font-size: 15px; + font-style: bold; + } + + li{ + font-family: 'Signika', sans-serif; + font-size: 15px; + font-style: bold; + } + #header{ + display:flex; + align-items: center; + justify-content: center; + color:white; + height:15%; + font-family: 'Signika', sans-serif; + font-size: 50px; + font-weight: bold; +} +div button { + background-color: Transparent; + background-repeat:no-repeat; + border: none; + cursor:pointer; + overflow: hidden; +} +.characterbox{ + display: flex; + height:100%; + width:100%; + flex-direction: column; + align-items: center; +} +.characterSelect{ + display:flex; + flex-wrap: wrap; + flex-direction: row; + height:30%; + width:90%; + justify-content: center; + align-content: center; + +} + + +img{ + height:110px; + width:130px; + +} + +.battletext{ + display:flex; + +justify-content: space-between; + width:100%; + +} + +#Winner{ + color:white; + font-size: large; + background-color:blue; + height:10%; + +} + +#Winner2{ + color:white; + font-size: large; + background-color:blue; + height:10%; + +} + +#pokemon2{ + color:white; + font-size:large; + height:140px; + width:600px; + padding:20px; + background-color: rgba(0, 0, 0, 0.8); + margin:20px; + border-radius: 30px; + display:flex; + flex-direction: column; + align-content: center; + justify-content: center; + } + + +.fightbutton{ + height:100px; + background-repeat: no-repeat; + width:5%; +align-self: flex-end; + background-image: url("./images/pokemonimages/swords.svg"); + +} + +.battletext :hover{ + color:red; +} + + +#pwr1{ + color:transparent; +} + + +#pwr2{ + color:transparent; +} + + + + + + + + + + + + + + + + .flip-card { + background-color: transparent; + height:117px; + width:130px; + + perspective: 1000px; /* Remove this if you don't want the 3D effect */ +} + +/* This container is needed to position the front and back side */ +.flip-card-inner { + position: relative; + height:117px; + width:130px; + text-align: center; + transition: transform 0.8s; + transform-style: preserve-3d; +} + +/* Do an horizontal flip when you move the mouse over the flip box container */ +.flip-card:hover .flip-card-inner { + transform: rotateY(180deg); + animation: bounce 2s; +} + +/* Position the front and back side */ +.flip-card-front, .flip-card-back { + position: absolute; + height:117px; + width:130px; + backface-visibility: hidden; + +} + +/* Style the front side (fallback if image is missing) */ +.flip-card-front :hover{ + background-color: Transparent; + color: black; + font-size:20px; + font-family: 'Gloria Hallelujah', cursive; + display:flex; + align-items:center; + justify-content: center; + border-radius: 10px; + + +} + + +/* Style the back side */ +.flip-card-back { + background-color: Transparent; + color: black; + transform: rotateY(180deg); + font-size:40px; + display:flex; + align-items:center; + justify-content: center; + font-family: 'Gloria Hallelujah', cursive; + border-radius: 10px; + +} + +.pokepics{ + display:flex; + width:50%; + + height:25%; + justify-content: center; + align-items: center; + justify-content: space-between; +} + +.flip-card:nth-of-type(1){} +.flip-card:nth-of-type(2){} +.flip-card:nth-of-type(3){} +.flip-card:nth-of-type(4){} +.flip-card:nth-of-type(5){} +.flip-card:nth-of-type(6){} +.flip-card:nth-of-type(7){} +.flip-card:nth-of-type(8){} +.flip-card:nth-of-type(9){} +.flip-card:nth-of-type(10){} +.flip-card:nth-of-type(11){} +.flip-card:nth-of-type(12){} +.flip-card:nth-of-type(13){} +.flip-card:nth-of-type(14){} +.flip-card:nth-of-type(15){} +.flip-card:nth-of-type(16){} +.flip-card:nth-of-type(17){} +.flip-card:nth-of-type(18){} +.flip-card:nth-of-type(19){} +.flip-card:nth-of-type(20){} diff --git a/10week/pokemonApp/pokemon.js b/10week/pokemonApp/pokemon.js new file mode 100644 index 000000000..15731ae7c --- /dev/null +++ b/10week/pokemonApp/pokemon.js @@ -0,0 +1,2949 @@ +'use strict'; + +//Urls I will be using to fetch the information on the pokemon. I declared them all as vars. +var url1= 'https://pokeapi.co/api/v2/pokemon/1/'; +var url2= 'https://pokeapi.co/api/v2/pokemon/6/'; +var url3= 'https://pokeapi.co/api/v2/pokemon/25/'; +var url4= 'https://pokeapi.co/api/v2/pokemon/7/'; +var url5= 'https://pokeapi.co/api/v2/pokemon/39/'; +var url6= 'https://pokeapi.co/api/v2/pokemon/zubat/'; +var url7= 'https://pokeapi.co/api/v2/pokemon/68/'; +var url8= 'https://pokeapi.co/api/v2/pokemon/70/'; +var url9= 'https://pokeapi.co/api/v2/pokemon/79/'; +var url10= 'https://pokeapi.co/api/v2/pokemon/81/'; +var url11= 'https://pokeapi.co/api/v2/pokemon/100/'; +var url12= 'https://pokeapi.co/api/v2/pokemon/106/'; +var url13= 'https://pokeapi.co/api/v2/pokemon/135/'; +var url14= 'https://pokeapi.co/api/v2/pokemon/150/'; +var url15= 'https://pokeapi.co/api/v2/pokemon/snorlax/'; +var url16= 'https://pokeapi.co/api/v2/pokemon/28/'; +var url17= 'https://pokeapi.co/api/v2/pokemon/12/'; +var url18= 'https://pokeapi.co/api/v2/pokemon/149/'; +var url19= 'https://pokeapi.co/api/v2/pokemon/moltres/'; +var url20= 'https://pokeapi.co/api/v2/pokemon/zapdos/'; + +var btn = document.getElementById('btn'); +btn.onclick = function () { +document.getElementById('pokemon1').innerHTML = " "; +document.getElementById('pokemon2').innerHTML = " "; +document.getElementById('pokesprite1').innerHTML = " "; +document.getElementById('pokesprite2').innerHTML = " "; +document.getElementById('Winner2').innerHTML = " "; +document.getElementById('Winner').innerHTML = " "; +document.getElementById('pwr2').innerHTML = " "; +document.getElementById('pwr1').innerHTML = " "; +}; + + +//Data to shuffle pokemon im 100% sure there is way to make this function more simpler and not as long but for now until I learn more this works :) +var elem = document.querySelector('.flip-card:nth-of-type(1)'); +var elem1 = document.querySelector('.flip-card:nth-of-type(2)'); +var elem2 = document.querySelector('.flip-card:nth-of-type(3)'); +var elem3 = document.querySelector('.flip-card:nth-of-type(4)'); +var elem4 = document.querySelector('.flip-card:nth-of-type(5)'); +var elem5 = document.querySelector('.flip-card:nth-of-type(6)'); +var elem6 = document.querySelector('.flip-card:nth-of-type(7)'); +var elem7 = document.querySelector('.flip-card:nth-of-type(8)'); +var elem8 = document.querySelector('.flip-card:nth-of-type(9)'); +var elem9 = document.querySelector('.flip-card:nth-of-type(10)'); +var elem10 = document.querySelector('.flip-card:nth-of-type(11)'); +var elem11= document.querySelector('.flip-card:nth-of-type(12)'); +var elem12 = document.querySelector('.flip-card:nth-of-type(13'); +var elem13 = document.querySelector('.flip-card:nth-of-type(14)'); +var elem14 = document.querySelector('.flip-card:nth-of-type(15)'); +var elem15= document.querySelector('.flip-card:nth-of-type(16)'); +var elem16 = document.querySelector('.flip-card:nth-of-type(17)'); +var elem17= document.querySelector('.flip-card:nth-of-type(18)'); +var elem18 = document.querySelector('.flip-card:nth-of-type(19)'); +var elem19 = document.querySelector('.flip-card:nth-of-type(20)'); + + +var btn = document.getElementById('btn1'); +btn.onclick = function () { +var myArray = [ +"1", +"2", +"3", +"4", +"5", +"6", +"7", +"8", +"9", +"10", +"11", +"12", +"13", +"14", +"15", +"16", +"17", +"18", +"19", +"20", +]; + +var randompokemon= myArray[Math.floor(Math.random()*myArray.length)]; +var randompokemon1= myArray[Math.floor(Math.random()*myArray.length)]; +var randompokemon2= myArray[Math.floor(Math.random()*myArray.length)]; +var randompokemon3= myArray[Math.floor(Math.random()*myArray.length)]; +var randompokemon4= myArray[Math.floor(Math.random()*myArray.length)]; +var randompokemon5= myArray[Math.floor(Math.random()*myArray.length)]; +var randompokemon6= myArray[Math.floor(Math.random()*myArray.length)]; +var randompokemon7= myArray[Math.floor(Math.random()*myArray.length)]; +var randompokemon8= myArray[Math.floor(Math.random()*myArray.length)]; +var randompokemon9= myArray[Math.floor(Math.random()*myArray.length)]; +var randompokemon10= myArray[Math.floor(Math.random()*myArray.length)]; +var randompokemon11= myArray[Math.floor(Math.random()*myArray.length)]; +var randompokemon12= myArray[Math.floor(Math.random()*myArray.length)]; +var randompokemon13= myArray[Math.floor(Math.random()*myArray.length)]; +var randompokemon14= myArray[Math.floor(Math.random()*myArray.length)]; +var randompokemon15= myArray[Math.floor(Math.random()*myArray.length)]; +var randompokemon16= myArray[Math.floor(Math.random()*myArray.length)]; +var randompokemon17= myArray[Math.floor(Math.random()*myArray.length)]; +var randompokemon18= myArray[Math.floor(Math.random()*myArray.length)]; +var randompokemon19= myArray[Math.floor(Math.random()*myArray.length)]; + + +elem.style.order = randompokemon; +elem1.style.order = randompokemon1; +elem2.style.order = randompokemon2; +elem3.style.order = randompokemon3; +elem4.style.order = randompokemon4; +elem5.style.order = randompokemon5; +elem6.style.order = randompokemon6; +elem7.style.order = randompokemon7; +elem8.style.order = randompokemon8; +elem9.style.order = randompokemon9; +elem10.style.order = randompokemon10; +elem11.style.order = randompokemon11; +elem12.style.order = randompokemon12; +elem13.style.order = randompokemon13; +elem14.style.order = randompokemon14; +elem15.style.order = randompokemon15; +elem16.style.order = randompokemon16; +elem17.style.order = randompokemon17; +elem18.style.order = randompokemon18; +elem19.style.order = randompokemon19; +}; + +// End of data to shuffle pokemon + + +//Function thats uses parseint on the attack power value of the two pokemon selected from a string to a number and returns the highest value "The most likely to win" +// This api had multiple stats per pokemon like attack/defense/special attack/speed a more accurate way to compare would be to parse all those values to number and get the average of them all then compare those to get the most likely to win but for now just attack power will do. +function fight(){ + + + +var compare1= document.getElementById('pwr1').textContent; +var compareinteger=parseInt(compare1, 10); +var compare2= document.getElementById('pwr2').textContent; +var compareinteger2 = parseInt(compare2, 10); + + + if (compareinteger < compareinteger2){ + console.log("compareinteger2 wins"); + document.getElementById('Winner2').innerHTML = "Player 2 Wins!" + + } + else + { + document.getElementById('Winner').innerHTML = "Player 1 Wins!" + console.log("jenkins is the winner"); + + } + + + + console.log(compareinteger); + console.log(compareinteger2); + +} + +//end of fight function + + + + + + + + + +//getpokemon1 - 20 is fetch information for all pokemon also if statemets to populate second box if first box contains information already. + +function getPokemon1(){ +fetch (url1).then(function(response){ +return response.json(); +}) +.then (function(data){ + +let output = ` ` +let output2 = ` ` + + +var pokeID = data.order; +var pokeName = data.name.toUpperCase(); +var pokeType1 = data.types[0].type.name.toUpperCase(); +if (data.types.length == 2) { +var pokeType2 = data.types[1].type.name.toUpperCase(); +} +else var pokeType2 = null; +var pwr = data.stats[4].base_stat; + + +output += ` +

Name: ${pokeName}

+
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; + +output2 += ` +

    ${pwr}Name:

    + +`; + + +// console.log("Number: ", pokeID); +// console.log("Name: ", pokeName); +// console.log("Move 1: ", pokeType1); +// console.log("Move 2: ", pokeType2); +// console.log("Move 2: ", pwr); + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/1/"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[1].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + +} +else document.getElementById('pokemon1').innerHTML = output; + + +} + + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} + + + + + +}) +}) +.catch(function(error) { +console.log(error); +}) +} + + +function getPokemonpic1(){ + fetch (url1).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + }) + +.catch(function(error) { +console.log(error); +}) +} + + + +function getPokemon2(){ +fetch (url2).then(function(response){ +return response.json(); +}) +.then (function(data){ + + let output = ` ` + let output2 = ` ` + + var pokeID = data.order; + var pokeName = data.name.toUpperCase(); + var pokeType1 = data.types[0].type.name.toUpperCase(); + if (data.types.length == 2) { + var pokeType2 = data.types[1].type.name.toUpperCase(); + } + else var pokeType2 = null; + var pwr = data.stats[4].base_stat; + +output += ` +

    Name: ${pokeName}

    +
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; + +output2 += ` +

    ${pwr}Name:

    + +`; + +console.log("Number: ", pokeID); +console.log("Name: ", pokeName); +console.log("Move 1: ", pokeType1); +console.log("Move 2: ", pokeType2); + + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/6/"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[1].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + +console.log("Description: ", descrip); + + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + + +} +else document.getElementById('pokemon1').innerHTML = output; + + + +} + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} + + + +}) +}) +.catch(function(error) { +console.log(error); +}) +} + + +function getPokemonpic2(){ + fetch (url2).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + + }) + +.catch(function(error) { +console.log(error); +}) +} + + + + +function getPokemon3(){ +fetch (url3).then(function(response){ +return response.json(); +}) +.then (function(data){ + let output2 = ` ` + let output = ` ` + var pokeID = data.order; + var pokeName = data.name.toUpperCase(); + var pokeType1 = data.types[0].type.name.toUpperCase(); + if (data.types.length == 2) { + var pokeType2 = data.types[1].type.name.toUpperCase(); + } + else var pokeType2 = null; + + var pwr = data.stats[4].base_stat; + +output += ` +

    Name: ${pokeName}

    +
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; + +output2 += ` +

    ${pwr}Name:

    + +`; + +console.log("Number: ", pokeID); +console.log("Name: ", pokeName); +console.log("Move 1: ", pokeType1); +console.log("Move 2: ", pokeType2); + + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/25/"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[2].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + +console.log("Description: ", descrip); + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + + +} +else document.getElementById('pokemon1').innerHTML = output; + + + +} + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} + + +}) +}) +.catch(function(error) { +console.log(error); +}) +} + +function getPokemonpic3(){ + fetch (url3).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + }) + +.catch(function(error) { +console.log(error); +}) +} + + + +function getPokemon4(){ +fetch (url4).then(function(response){ +return response.json(); +}) +.then (function(data){ + + let output = ` ` + let output2 = ` ` + var pokeID = data.order; + var pokeName = data.name.toUpperCase(); + var pokeType1 = data.types[0].type.name.toUpperCase(); + if (data.types.length == 2) { + var pokeType2 = data.types[1].type.name.toUpperCase(); + } + else var pokeType2 = null; + var pwr = data.stats[4].base_stat; + +output += ` +

    Name: ${pokeName}

    +
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; + +output2 += ` +

    ${pwr}Name:

    + +`; + +console.log("Number: ", pokeID); +console.log("Name: ", pokeName); +console.log("Move 1: ", pokeType1); +console.log("Move 2: ", pokeType2); + + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/7/"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[1].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + +console.log("Description: ", descrip); + + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + +} +else document.getElementById('pokemon1').innerHTML = output; + + +} + + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} +}) +}) +.catch(function(error) { +console.log(error); +}) +} + +function getPokemonpic4(){ + fetch (url4).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + }) + +.catch(function(error) { +console.log(error); +}) +} + + +function getPokemon5(){ +fetch (url5).then(function(response){ +return response.json(); +}) +.then (function(data){ + + let output = ` ` + let output2 = ` ` + var pokeID = data.order; + var pokeName = data.name.toUpperCase(); + var pokeType1 = data.types[0].type.name.toUpperCase(); + if (data.types.length == 2) { + var pokeType2 = data.types[1].type.name.toUpperCase(); + } + else var pokeType2 = null; + var pwr = data.stats[4].base_stat; + +output += ` +

    Name: ${pokeName}

    +
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; + +output2 += ` +

    ${pwr}Name:

    + +`; + +console.log("Number: ", pokeID); +console.log("Name: ", pokeName); +console.log("Move 1: ", pokeType1); +console.log("Move 2: ", pokeType2); + + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/39/"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[1].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + +console.log("Description: ", descrip); + + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + +} +else document.getElementById('pokemon1').innerHTML = output; + + +} + + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} +}) +}) + +.catch(function(error) { +console.log(error); +}) +} + + +function getPokemonpic5(){ + fetch (url5).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + }) + +.catch(function(error) { +console.log(error); +}) +} + +function getPokemon6(){ +fetch (url6).then(function(response){ +return response.json(); +}) +.then (function(data){ + + let output = ` ` + let output2 = ` ` + + var pokeID = data.order; + var pokeName = data.name.toUpperCase(); + var pokeType1 = data.types[0].type.name.toUpperCase(); + if (data.types.length == 2) { + var pokeType2 = data.types[1].type.name.toUpperCase(); + } + else var pokeType2 = null; + var pwr = data.stats[4].base_stat; + +output += ` +

    Name: ${pokeName}

    +
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; + +output2 += ` +

    ${pwr}Name:

    + +`; + +console.log("Number: ", pokeID); +console.log("Name: ", pokeName); +console.log("Move 1: ", pokeType1); +console.log("Move 2: ", pokeType2); + + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/zubat/"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[2].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + +console.log("Description: ", descrip); + + + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + +} +else document.getElementById('pokemon1').innerHTML = output; + + +} + + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} +}) +}) +.catch(function(error) { +console.log(error); +}) +} + +function getPokemonpic6(){ + fetch (url6).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + }) + +.catch(function(error) { +console.log(error); +}) +} +function getPokemon7(){ +fetch (url7).then(function(response){ +return response.json(); +}) +.then (function(data){ + + let output = ` ` + let output2 = ` ` + var pokeID = data.order; + var pokeName = data.name.toUpperCase(); + var pokeType1 = data.types[0].type.name.toUpperCase(); + if (data.types.length == 2) { + var pokeType2 = data.types[1].type.name.toUpperCase(); + } + else var pokeType2 = null; + var pwr = data.stats[4].base_stat; + +output += ` +

    Name: ${pokeName}

    +
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; + +output2 += ` +

    ${pwr}Name:

    + +`; + +console.log("Number: ", pokeID); +console.log("Name: ", pokeName); +console.log("Move 1: ", pokeType1); +console.log("Move 2: ", pokeType2); + + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/68"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[2].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + +console.log("Description: ", descrip); + + + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + +} +else document.getElementById('pokemon1').innerHTML = output; + + +} + + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} +}) +}) +.catch(function(error) { +console.log(error); +}) +} + +function getPokemonpic7(){ + fetch (url7).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + }) + +.catch(function(error) { +console.log(error); +}) +} + +function getPokemon8(){ +fetch (url8).then(function(response){ +return response.json(); +}) +.then (function(data){ + +let output = ` ` +let output2 = ` ` +var pokeID = data.order; +var pokeName = data.name.toUpperCase(); +var pokeType1 = data.types[0].type.name.toUpperCase(); +if (data.types.length == 2) { +var pokeType2 = data.types[1].type.name.toUpperCase(); +} +else var pokeType2 = null; +var pwr = data.stats[4].base_stat; + + +output += ` +

    Name: ${pokeName}

    +
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; + +output2 += ` +

    ${pwr}Name:

    + +`; + + +console.log("Number: ", pokeID); +console.log("Name: ", pokeName); +console.log("Move 1: ", pokeType1); +console.log("Move 2: ", pokeType2); + + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/70/"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[1].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + +console.log("Description: ", descrip); + + + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + +} +else document.getElementById('pokemon1').innerHTML = output; + + +} + + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} +}) +}) +.catch(function(error) { +console.log(error); +}) +} + +function getPokemonpic8(){ + fetch (url8).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + }) + +.catch(function(error) { +console.log(error); +}) +} + +function getPokemon9(){ +fetch (url9).then(function(response){ +return response.json(); +}) +.then (function(data){ + + let output = ` ` + let output2 = ` ` + + var pokeID = data.order; + var pokeName = data.name.toUpperCase(); + var pokeType1 = data.types[0].type.name.toUpperCase(); + if (data.types.length == 2) { + var pokeType2 = data.types[1].type.name.toUpperCase(); + } + else var pokeType2 = null; + var pwr = data.stats[4].base_stat; + +output += ` +

    Name: ${pokeName}

    +
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; + +output2 += ` +

    ${pwr}Name:

    + +`; +console.log("Number: ", pokeID); +console.log("Name: ", pokeName); +console.log("Move 1: ", pokeType1); +console.log("Move 2: ", pokeType2); + + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/79/"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[2].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + +console.log("Description: ", descrip); + + + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + +} +else document.getElementById('pokemon1').innerHTML = output; + + +} + + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} +}) +}) +.catch(function(error) { +console.log(error); +}) +} +function getPokemonpic9(){ + fetch (url9).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + }) + +.catch(function(error) { +console.log(error); +}) +} + +function getPokemon10(){ +fetch (url10).then(function(response){ +return response.json(); +}) +.then (function(data){ + + let output = ` ` + let output2 = ` ` + var pokeID = data.order; + var pokeName = data.name.toUpperCase(); + var pokeType1 = data.types[0].type.name.toUpperCase(); + if (data.types.length == 2) { + var pokeType2 = data.types[1].type.name.toUpperCase(); + } + else var pokeType2 = null; + var pwr = data.stats[4].base_stat; + +output += ` +

    Name: ${pokeName}

    +
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; + +output2 += ` +

    ${pwr}Name:

    + +`; + +console.log("Number: ", pokeID); +console.log("Name: ", pokeName); +console.log("Move 1: ", pokeType1); +console.log("Move 2: ", pokeType2); + + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/81/"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[2].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + +console.log("Description: ", descrip); + + + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + +} +else document.getElementById('pokemon1').innerHTML = output; + + +} + + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} +}) +}) +.catch(function(error) { +console.log(error); +}) +} +function getPokemonpic10(){ + fetch (url10).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + }) + +.catch(function(error) { +console.log(error); +}) +} + +function getPokemon11(){ +fetch (url11).then(function(response){ +return response.json(); +}) +.then (function(data){ + + let output = ` ` + let output2 = ` ` + var pokeID = data.order; + var pokeName = data.name.toUpperCase(); + var pokeType1 = data.types[0].type.name.toUpperCase(); + if (data.types.length == 2) { + var pokeType2 = data.types[1].type.name.toUpperCase(); + } + else var pokeType2 = null; + var pwr = data.stats[4].base_stat; + +output += ` +

    Name: ${pokeName}

    +
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; + +output2 += ` +

    ${pwr}Name:

    + +`; +console.log("Number: ", pokeID); +console.log("Name: ", pokeName); +console.log("Move 1: ", pokeType1); +console.log("Move 2: ", pokeType2); + + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/100/"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[1].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + +console.log("Description: ", descrip); + + + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + +} +else document.getElementById('pokemon1').innerHTML = output; + + +} + + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} +}) +}) +.catch(function(error) { +console.log(error); +}) +} + +function getPokemonpic11(){ + fetch (url11).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + }) + +.catch(function(error) { +console.log(error); +}) +} + + +function getPokemon12(){ +fetch (url12).then(function(response){ +return response.json(); +}) +.then (function(data){ + + let output = ` ` + var pokeID = data.order; + var pokeName = data.name.toUpperCase(); + var pokeType1 = data.types[0].type.name.toUpperCase(); + if (data.types.length == 2) { + var pokeType2 = data.types[1].type.name.toUpperCase(); + } + else var pokeType2 = null; + var pwr = data.stats[4].base_stat; + +output += ` +

    Name: ${pokeName}

    +
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; + +output2 += ` +

    ${pwr}Name:

    + +`; + +console.log("Number: ", pokeID); +console.log("Name: ", pokeName); +console.log("Move 1: ", pokeType1); +console.log("Move 2: ", pokeType2); + + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/106/"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[1].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + +console.log("Description: ", descrip); + + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + +} +else document.getElementById('pokemon1').innerHTML = output; + + +} + + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} +}) +}) +.catch(function(error) { +console.log(error); +}) +} + +function getPokemonpic12(){ + fetch (url12).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + }) + +.catch(function(error) { +console.log(error); +}) +} + + + +function getPokemon13(){ +fetch (url13).then(function(response){ +return response.json(); +}) +.then (function(data){ + + let output = ` ` + let output2 = ` ` + var pokeID = data.order; + var pokeName = data.name.toUpperCase(); + var pokeType1 = data.types[0].type.name.toUpperCase(); + if (data.types.length == 2) { + var pokeType2 = data.types[1].type.name.toUpperCase(); + } + else var pokeType2 = null; + var pwr = data.stats[4].base_stat; + +output += ` +

    Name: ${pokeName}

    +
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; +output2 += ` +

    ${pwr}Name:

    + +`; +console.log("Number: ", pokeID); +console.log("Name: ", pokeName); +console.log("Move 1: ", pokeType1); +console.log("Move 2: ", pokeType2); + + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/135/"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[2].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + +console.log("Description: ", descrip); + + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + +} +else document.getElementById('pokemon1').innerHTML = output; + + +} + + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} +}) +}) +.catch(function(error) { +console.log(error); +}) +} + +function getPokemonpic13(){ + fetch (url13).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + }) + +.catch(function(error) { +console.log(error); +}) +} + +function getPokemon14(){ +fetch (url14).then(function(response){ +return response.json(); +}) +.then (function(data){ + + let output = ` ` + let output2 = ` ` + var pokeID = data.order; + var pokeName = data.name.toUpperCase(); + var pokeType1 = data.types[0].type.name.toUpperCase(); + if (data.types.length == 2) { + var pokeType2 = data.types[1].type.name.toUpperCase(); + } + else var pokeType2 = null; + var pwr = data.stats[4].base_stat; + +output += ` +

    Name: ${pokeName}

    +
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; +output2 += ` +

    ${pwr}Name:

    + +`; +console.log("Number: ", pokeID); +console.log("Name: ", pokeName); +console.log("Move 1: ", pokeType1); +console.log("Move 2: ", pokeType2); + + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/150/"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[1].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + +console.log("Description: ", descrip); + + + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + +} +else document.getElementById('pokemon1').innerHTML = output; + + +} + + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} +}) +}) +.catch(function(error) { +console.log(error); +}) +} + +function getPokemonpic14(){ + fetch (url14).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + }) + +.catch(function(error) { +console.log(error); +}) +} + +function getPokemon15(){ +fetch (url15).then(function(response){ +return response.json(); +}) +.then (function(data){ + + let output = ` ` + let output2 = ` ` + var pokeID = data.order; + var pokeName = data.name.toUpperCase(); + var pokeType1 = data.types[0].type.name.toUpperCase(); + if (data.types.length == 2) { + var pokeType2 = data.types[1].type.name.toUpperCase(); + } + else var pokeType2 = null; + var pwr = data.stats[4].base_stat; + +output += ` +

    Name: ${pokeName}

    +
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; + +output2 += ` +

    ${pwr}Name:

    + +`; + +console.log("Number: ", pokeID); +console.log("Name: ", pokeName); +console.log("Move 1: ", pokeType1); +console.log("Move 2: ", pokeType2); + + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/snorlax/"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[2].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + +console.log("Description: ", descrip); + + + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + +} +else document.getElementById('pokemon1').innerHTML = output; + + +} + + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} +}) +}) +.catch(function(error) { +console.log(error); +}) +} + + +function getPokemonpic15(){ + fetch (url15).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + }) + +.catch(function(error) { +console.log(error); +}) +} + + +function getPokemon16(){ +fetch (url16).then(function(response){ +return response.json(); +}) +.then (function(data){ + + let output = ` ` + let output2 = ` ` + var pokeID = data.order; + var pokeName = data.name.toUpperCase(); + var pokeType1 = data.types[0].type.name.toUpperCase(); + if (data.types.length == 2) { + var pokeType2 = data.types[1].type.name.toUpperCase(); + } + else var pokeType2 = null; + var pwr = data.stats[4].base_stat; + +output += ` +

    Name: ${pokeName}

    +
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; + +output2 += ` +

    ${pwr}Name:

    + +`; + +console.log("Number: ", pokeID); +console.log("Name: ", pokeName); +console.log("Move 1: ", pokeType1); +console.log("Move 2: ", pokeType2); + + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/28/"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[2].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + +console.log("Description: ", descrip); + + + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + +} +else document.getElementById('pokemon1').innerHTML = output; + + +} + + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} +}) +}) +.catch(function(error) { +console.log(error); +}) +} + +function getPokemonpic16(){ + fetch (url16).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + }) + +.catch(function(error) { +console.log(error); +}) +} + + +function getPokemon17(){ +fetch (url17).then(function(response){ +return response.json(); +}) +.then (function(data){ + + let output = ` ` + let output2 = ` ` + var pokeID = data.order; + var pokeName = data.name.toUpperCase(); + var pokeType1 = data.types[0].type.name.toUpperCase(); + if (data.types.length == 2) { + var pokeType2 = data.types[1].type.name.toUpperCase(); + } + else var pokeType2 = null; + var pwr = data.stats[4].base_stat; + + +output += ` +

    Name: ${pokeName}

    +
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; + +output2 += ` +

    ${pwr}Name:

    + +`; + +console.log("Number: ", pokeID); +console.log("Name: ", pokeName); +console.log("Move 1: ", pokeType1); +console.log("Move 2: ", pokeType2); + + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/12/"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[2].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + +console.log("Description: ", descrip); + + + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + +} +else document.getElementById('pokemon1').innerHTML = output; + + +} + + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} +}) +}) +.catch(function(error) { +console.log(error); +}) +} + +function getPokemonpic17(){ + fetch (url17).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + }) + +.catch(function(error) { +console.log(error); +}) +} + +function getPokemon18(){ +fetch (url18).then(function(response){ +return response.json(); +}) +.then (function(data){ + + let output = ` ` + let output2 = ` ` + var pokeID = data.order; + var pokeName = data.name.toUpperCase(); + var pokeType1 = data.types[0].type.name.toUpperCase(); + if (data.types.length == 2) { + var pokeType2 = data.types[1].type.name.toUpperCase(); + } + else var pokeType2 = null; + var pwr = data.stats[4].base_stat; + +output += ` +

    Name: ${pokeName}

    +
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; + +output2 += ` +

    ${pwr}Name:

    + +`; + +console.log("Number: ", pokeID); +console.log("Name: ", pokeName); +console.log("Move 1: ", pokeType1); +console.log("Move 2: ", pokeType2); + + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/149/"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[2].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + +console.log("Description: ", descrip); + + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + +} +else document.getElementById('pokemon1').innerHTML = output; + + +} + + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} +}) +}) +.catch(function(error) { +console.log(error); +}) +} + +function getPokemonpic18(){ + fetch (url18).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + }) + +.catch(function(error) { +console.log(error); +}) +} + +function getPokemon19(){ +fetch (url19).then(function(response){ +return response.json(); +}) +.then (function(data){ + + let output = ` ` + let output2 = ` ` + var pokeID = data.order; + var pokeName = data.name.toUpperCase(); + var pokeType1 = data.types[0].type.name.toUpperCase(); + if (data.types.length == 2) { + var pokeType2 = data.types[1].type.name.toUpperCase(); + } + else var pokeType2 = null; + var pwr = data.stats[4].base_stat; + +output += ` +

    Name: ${pokeName}

    +
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; + +output2 += ` +

    ${pwr}Name:

    + +`; +console.log("Number: ", pokeID); +console.log("Name: ", pokeName); +console.log("Move 1: ", pokeType1); +console.log("Move 2: ", pokeType2); + + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/moltres/"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[1].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + +console.log("Description: ", descrip); + + + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + +} +else document.getElementById('pokemon1').innerHTML = output; + + +} + + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} +}) +}) +.catch(function(error) { +console.log(error); +}) +} + +function getPokemonpic19(){ + fetch (url19).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + }) + +.catch(function(error) { +console.log(error); +}) +} + +function getPokemon20(){ +fetch (url20).then(function(response){ +return response.json(); +}) +.then (function(data){ + + let output = ` ` + let output2 = ` ` + var pokeID = data.order; + var pokeName = data.name.toUpperCase(); + var pokeType1 = data.types[0].type.name.toUpperCase(); + if (data.types.length == 2) { + var pokeType2 = data.types[1].type.name.toUpperCase(); + } + else var pokeType2 = null; + var pwr = data.stats[4].base_stat; + +output += ` +

    Name: ${pokeName}

    +
  • Number: ${pokeID}
  • +
  • Move 1: ${pokeType1}
  • +
  • Move 2: ${ pokeType2}
  • +
  • Attack Power: ${pwr}
  • + +`; + +output2 += ` +

    ${pwr}Name:

    + +`; + +console.log("Number: ", pokeID); +console.log("Name: ", pokeName); +console.log("Move 1: ", pokeType1); +console.log("Move 2: ", pokeType2); + + +var descriptionUrl = "https://pokeapi.co/api/v2/pokemon-species/zapdos/"; + +fetch (descriptionUrl).then(function(response){ +return response.json(); +}) +.then (function(data2){ + + + + +var descrip = data2.flavor_text_entries[1].flavor_text; +output += ` +

    Description: ${descrip}

    +`; + + + + + + + + + +console.log("Description: ", descrip); + + + + + + + +var divs= document.getElementsByClassName('battletext'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + document.getElementById('pokemon2').innerHTML = output; + +} +else document.getElementById('pokemon1').innerHTML = output; + + +} + + +var divs= document.getElementsByClassName('powers'); +for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Name:") !== -1){ + + document.getElementById('pwr2').innerHTML= output2; + +} +else document.getElementById('pwr1').innerHTML= output2; + + + +} + + +}) +}) +.catch(function(error) { +console.log(error); +}) +} + +function getPokemonpic20(){ + fetch (url20).then(function(response){ + return response.json(); + }) + .then (function(data){ + let output = ` ` + + var pic = data.sprites.front_default; + var pokeName = data.name.toUpperCase(); + output += ` + Go ${pokeName}! + + `; + + + + + + var divs= document.getElementsByClassName('pokepics'); + for (var i = 0, len = divs.length; i < len; ++i) { + + if(divs[i].innerHTML.indexOf("Go") !== -1){ + document.getElementById('pokesprite2').innerHTML = output; + } + else document.getElementById('pokesprite1').innerHTML = output; + + } + }) + +.catch(function(error) { +console.log(error); +}) +} + + + + +const delay = 200; + +const write = (el, text, i, next) => { + if (i <= text.length) { + el.innerHTML = text.substring(0, i); + setTimeout(() => { write(el, text, i + 1, next) }, delay); + } else { +setTimeout(()=> next(), delay*3); + } +} + +const erase = (el, text, i, next) => { + if (i > -1) { + el.innerHTML = text.substring(0, i); + setTimeout(() => { erase(el, text, i - 1, next) }, delay/2); + } else { + next(); + } +} + +const typewrite = () => { + const wordsList = ['Pokemon Kombat!!!!!!']; + const span = document.getElementById('header'); + +const repeat = (i) => { + const word = wordsList[i] + const nextWord = (i + 1) % wordsList.length; + write( span, word, 0, () => erase(span, word, word.length, () => repeat(nextWord) ) ); + } + + repeat(0); +} + +typewrite(); \ No newline at end of file