'use strict'

var oldSelectors = [
  'grupo',
  'caja',
  'total',
  'hasta-tablet',
  'hasta-web',
  'hasta-hd',
  'desde-tablet',
  'desde-web',
  'desde-hd'
]

var oldSizes = ['base-', 'movil-', 'tablet-', 'web-', 'hd-']

var sizes = []

var size = 105

while (size -= 5) {
  sizes.push(size)
}

// Número de elementos a insertar en el DOM
var numElems = 5000

function rand (limit) {
  return Math.floor(Math.random() * limit)
}

var oldSizesLen = oldSizes.length
var oldSelectorsLen = oldSelectors.length
var sizesLen = sizes.length

while (numElems--) {
  var randOldSelector = oldSelectors[rand(oldSelectorsLen)]
  var randOldSize = oldSizes[rand(oldSizesLen)]
  var randSize = sizes[rand(sizesLen)]

  var elem = document.createElement('div')
  elem.className = `${randOldSelector} ${randOldSize + randSize}`
  document.body.appendChild(elem)
}