1- /* eslint-disable */
1+ /* eslint-disable no-alert */
22
33/*
44 Call this function to get a JSON string of the data
55 (simulates calling a server to retrieve data)
66*/
7- var name = window . prompt ( 'Enter your name:' ) ;
8- var color = window . prompt ( 'Choose fire, water or grass or take a risk' ) ;
7+ const name = window . prompt ( 'Enter your name:' ) ;
8+ const color = window . prompt ( 'Choose fire, water or grass or take a risk' ) ;
99
1010function fetchPokemonData ( type ) {
11- if ( type == 'Fire' || type == 'fire' ) {
11+ if ( type === 'Fire' || type = == 'fire' ) {
1212 return `{"abilities": [{"ability": {"name": "solar-power","url": "https://pokeapi.co/api/v2/ability/94/"},"is_hidden": true,"slot": 3},{"ability": {"name": "blaze","url": "https://pokeapi.co/api/v2/ability/66/" },"is_hidden": false,"slot": 1}],"base_experience": 62,"forms": [{"name": "charmander","url": "https://pokeapi.co/api/v2/pokemon-form/4/"}], "height": 6,"held_items": [],"id": 4,"is_default": true,"location_area_encounters": "https://pokeapi.co/api/v2/pokemon/4/encounters","order": 5,"species": {"name": "charmander", "url": "https://pokeapi.co/api/v2/pokemon-species/4/"},"sprites": {"back_default": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/back/4.png","back_female": null,"back_shiny": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/back/shiny/4.png","back_shiny_female": null,"front_default": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/4.png","front_female": null,"front_shiny": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/shiny/4.png","front_shiny_female": null}}` ;
13- } else if ( type == 'water' || type == 'Water' ) {
13+ }
14+ if ( type === 'water' || type === 'Water' ) {
1415 return `{"abilities":[{"ability":{"name":"rain-dish","url":"https://pokeapi.co/api/v2/ability/44/"},"is_hidden":true,"slot":3},{"ability":{"name":"torrent","url":"https://pokeapi.co/api/v2/ability/67/"},"is_hidden":false,"slot":1}],"base_experience":63,"forms":[{"name":"squirtle","url":"https://pokeapi.co/api/v2/pokemon-form/7/"}],"height":5,"held_items":[],"id":7,"is_default":true,"location_area_encounters":"https://pokeapi.co/api/v2/pokemon/7/encounters","name":"squirtle","order":10,"species":{"name":"squirtle","url":"https://pokeapi.co/api/v2/pokemon-species/7/"},"sprites":{"back_default":"https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/back/7.png","back_female":null,"back_shiny":"https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/back/shiny/7.png","back_shiny_female":null,"front_default":"https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/7.png","front_female":null,"front_shiny":"https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/shiny/7.png","front_shiny_female":null},"stats":[{"base_stat":43,"effort":0,"stat":{"name":"speed","url":"https://pokeapi.co/api/v2/stat/6/"}},{"base_stat":64,"effort":0,"stat":{"name":"special-defense","url":"https://pokeapi.co/api/v2/stat/5/"}},{"base_stat":50,"effort":0,"stat":{"name":"special-attack","url":"https://pokeapi.co/api/v2/stat/4/"}},{"base_stat":65,"effort":1,"stat":{"name":"defense","url":"https://pokeapi.co/api/v2/stat/3/"}},{"base_stat":48,"effort":0,"stat":{"name":"attack","url":"https://pokeapi.co/api/v2/stat/2/"}},{"base_stat":44,"effort":0,"stat":{"name":"hp","url":"https://pokeapi.co/api/v2/stat/1/"}}],"types":[{"slot":1,"type":{"name":"water","url":"https://pokeapi.co/api/v2/type/11/"}}],"weight":90}` ;
15- } else if ( type == 'grass' || type == 'Grass' ) {
16+ }
17+ if ( type === 'grass' || type === 'Grass' ) {
1618 return `{"abilities": [{"ability": {"name": "chlorophyll","url": "https://pokeapi.co/api/v2/ability/34/"},"is_hidden": true,"slot": 3},{"ability": {"name": "overgrow","url": "https://pokeapi.co/api/v2/ability/65/"},"is_hidden": false,"slot": 1}],"base_experience": 64,"forms": [ {"name": "bulbasaur","url": "https://pokeapi.co/api/v2/pokemon-form/1/"}],"name": "bulbasaur","order": 1,"species": {"name": "bulbasaur","url": "https://pokeapi.co/api/v2/pokemon-species/1/"},"sprites": {"back_default": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/back/1.png","back_female": null,"back_shiny": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/back/shiny/1.png","back_shiny_female": null,"front_default": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/1.png","front_female": null,"front_shiny": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/shiny/1.png","front_shiny_female": null},"weight": 69}` ;
17- } else {
18- return `{"abilities": [{"ability": {"name": "shapeshift","url": "https://pokeapi.co/api/v2/ability/34/"},"is_hidden": true,"slot": 3},{"ability": {"name": "overgrow","url": "https://pokeapi.co/api/v2/ability/65/"},"is_hidden": false,"slot": 1}],"base_experience": 64,"forms": [ {"name": "ditto","url": "https://pokeapi.co/api/v2/pokemon-form/1/"}],"name": "ditto","order": 1,"species": {"name": "ditto","url": "https://pokeapi.co/api/v2/pokemon-species/1/"},"sprites": {"back_default": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/back/132.png","back_female": null,"back_shiny": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/back/shiny/132.png","back_shiny_female": null,"front_default": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/132.png","front_female": null, "front_shiny": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/shiny/132.png", "front_shiny_female": null},"weight": 69}` ;
1919 }
20+ return `{"abilities": [{"ability": {"name": "shapeshift","url": "https://pokeapi.co/api/v2/ability/34/"},"is_hidden": true,"slot": 3},{"ability": {"name": "overgrow","url": "https://pokeapi.co/api/v2/ability/65/"},"is_hidden": false,"slot": 1}],"base_experience": 64,"forms": [ {"name": "ditto","url": "https://pokeapi.co/api/v2/pokemon-form/1/"}],"name": "ditto","order": 1,"species": {"name": "ditto","url": "https://pokeapi.co/api/v2/pokemon-species/1/"},"sprites": {"back_default": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/back/132.png","back_female": null,"back_shiny": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/back/shiny/132.png","back_shiny_female": null,"front_default": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/132.png","front_female": null, "front_shiny": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/shiny/132.png", "front_shiny_female": null},"weight": 69}` ;
2021}
2122
2223function pokemonName ( type ) {
2324 type = type . toLowerCase ( ) ;
24- if ( type == 'fire' ) {
25+ if ( type === 'fire' ) {
2526 return 'Charmander' ;
2627 }
27- if ( type == 'water' ) {
28+ if ( type === 'water' ) {
2829 return 'Squirtle' ;
2930 }
30- if ( type == 'grass' ) {
31+ if ( type === 'grass' ) {
3132 return 'Bulbasaur' ;
32- } else {
33- return "...Oh! It seems that was actually a Ditto! Well I'm sure it" ;
3433 }
34+ return "...Oh! It seems that was actually a Ditto! Well I'm sure it" ;
3535}
3636
37- let pokeName = pokemonName ( color ) ;
37+ const pokeName = pokemonName ( color ) ;
3838
3939function parsemon ( ) {
40- let pokeProperties = JSON . parse ( fetchPokemonData ( color ) ) ;
41- let justSprites = Object . keys ( pokeProperties . sprites )
40+ const pokeProperties = JSON . parse ( fetchPokemonData ( color ) ) ;
41+ const justSprites = Object . keys ( pokeProperties . sprites )
4242 . map ( key => pokeProperties . sprites [ key ] )
4343 . filter ( sprite => sprite ) ;
4444 return justSprites ;
4545}
46- let unorderedSprites = parsemon ( ) ;
47- let sprites = unorderedSprites . reverse ( ) ;
46+ const unorderedSprites = parsemon ( ) ;
47+ const sprites = unorderedSprites . reverse ( ) ;
4848
4949const mySpriteSpot = document . querySelector ( '#poke-selector' ) ;
5050
@@ -58,22 +58,18 @@ const div = document.createElement('div');
5858div . setAttribute ( 'class' , 'wrapper' ) ;
5959
6060for ( sprite in sprites ) {
61- const eachSpriteDiv = document . createElement ( 'div' ) ;
62- eachSpriteDiv . id = sprite ;
63- eachSpriteDiv . setAttribute ( 'class' , 'box' ) ;
64-
65- // const name = document.createElement('h4');
66- // name.innerText = `This is sprite ${sprite}`;
67- // eachSpriteDiv.appendChild(name);
68- // console.log(name);
61+ if ( sprite ) {
62+ const eachSpriteDiv = document . createElement ( 'div' ) ;
63+ eachSpriteDiv . id = sprite ;
64+ eachSpriteDiv . setAttribute ( 'class' , 'box' ) ;
65+ const picture = document . createElement ( 'IMG' ) ;
66+ picture . src = sprites [ sprite ] ;
67+ eachSpriteDiv . appendChild ( picture ) ;
6968
70- const picture = document . createElement ( 'IMG' ) ;
71- picture . src = sprites [ sprite ] ;
72- eachSpriteDiv . appendChild ( picture ) ;
69+ div . appendChild ( eachSpriteDiv ) ;
7370
74- div . appendChild ( eachSpriteDiv ) ;
71+ mySpriteSpot . appendChild ( div ) ;
7572
76- mySpriteSpot . appendChild ( div ) ;
77-
78- console . log ( 'Name is' + name + 'sprite is' + sprites [ sprite ] ) ;
73+ console . log ( 'Name is' + name + 'sprite is' + sprites [ sprite ] ) ;
74+ }
7975}
0 commit comments