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: "pikachu",
  url: "https://raw.githubusercontent.com/omgmog/digitaloxford-slack-emojis/master/emoji/pikachu.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);

}

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

// game starts here
placePokemonsToScreen(20);