JSFiddle - React, Tailwind, and code Playground

by dimshik

JavaScript

// 1. place 100 random pokemons from the DB on the screen.

 // Database
 var pokemonDB = [{
   name: "charmander",
   url: "https://raw.githubusercontent.com/omgmog/digitaloxford-slack-emojis/master/emoji/charmander.png"
 }, {
   name: "dino",
   url: "https://raw.githubusercontent.com/omgmog/digitaloxford-slack-emojis/master/emoji/dino.png"
 }, {
   name: "bulbasaur",
   url: "https://raw.githubusercontent.com/omgmog/digitaloxford-slack-emojis/master/emoji/bulbasaur.png"
 }];

 var body = document.getElementsByTagName("body")[0];

 // game functions
 function placePokemonsToScreen(numberOfPokemons) {
   for (var i = 0; i < numberOfPokemons; i++) {
     var img = document.createElement("img");
     img.src = getRandomPokemon().url;
     body.appendChild(img);
   };
 }

 function getRandomPokemon() {
   //will return an object like this
   /*
   {
     name: "bulbasaur",
     url: "emoji/bulbasaur.png"
   }
   */

   var randomNumber = getRandomInt(0, pokemonDB.length - 1);
   return pokemonDB[randomNumber];
 }

 // helper functions
 function getRandomInt(min, max) {
   return Math.floor(Math.random() * (max - min + 1) + min);
 }

 // game starts here
 placePokemonsToScreen(20);