JSFiddle - React, Tailwind, and code Playground

by NotInUse

HTML

<div id="pHolder"></div>

CSS

p { background: #eee; margin: 10px; padding: 5px 10px; }
.pokeDec { background: #aaa; padding: 3px; }

JavaScript

var elem = document.getElementById("pHolder"); //The holder
 var num = 721; //number of times you want definitions

for(var i = 1; i <= num; i++) {
     var d = document.createElement('div');
     d.setAttribute('class', 'pokeDec');
     d.innerHTML =  '<p>' + 
       '<img class="pokeImg" src="/img/pokeDex' + i  +'.jpg" />' +
       '<br><small>PokeDex' + i + '</small>' +
      '<br>pokemonName<br>' +
     '<span class="typeA">TypeA</span>' + 
       '- <span class="TypeB">TypeB</span>' +
       '<a href="/path/to/dex' + i +'">Dex ' + i + ' Link</a>' +
	  '</p>';
  elem.appendChild(d);
     }