Lawl for Kids - Old vs New

Missing Drunk Driving and Joyriding.

by MegaScience

CSS

table img {
  width: calc(50vw - 20px);
}

JavaScript

const data = [
  ["https://i.imgur.com/WR03uAk.gif", "https://lawforkids.org/images/TOONS/Curfew.jpg"],
  ["https://i.imgur.com/ElWbbpQ.gif", "https://lawforkids.org/images/TOONS/DrieversLicense.jpg"],
  ["https://i.imgur.com/Mt2Xrze.gif", "https://lawforkids.org/images/TOONS/Fighting.jpg"],
  ["https://i.imgur.com/d2lLirU.gif", "https://lawforkids.org/images/TOONS/Marijuana.jpg"],
  ["https://i.imgur.com/aJBJspo.gif", "https://lawforkids.org/images/TOONS/MinorPossession.jpg"],
  ["https://i.imgur.com/jLLrk4r.gif", "https://lawforkids.org/images/TOONS/MotorizedScooters.jpg"],
  ["https://i.imgur.com/NRixSvw.gif", "https://lawforkids.org/images/TOONS/SchoolThreats.jpg"],
  ["https://i.imgur.com/uw1cJRW.gif", "https://lawforkids.org/images/TOONS/Seatbelts.jpg"],
  ["https://i.imgur.com/2I5eVEj.gif", "https://lawforkids.org/images/TOONS/Shoplifting.jpg"],
  ["https://i.imgur.com/gQHTWoX.gif", "https://lawforkids.org/images/TOONS/SkippingSchool.jpg"],
  ["https://i.imgur.com/Krkurm4.gif", "https://lawforkids.org/images/TOONS/SmokinginSchool.jpg"],
  ["https://i.imgur.com/6wwBIyu.gif", "https://lawforkids.org/images/TOONS/Tagging.jpg"],
  ["https://i.imgur.com/z9jyHCt.gif", "https://lawforkids.org/images/TOONS/Weapons.jpg"],
  ["https://i.imgur.com/2Fuf2A8.gif", ""],
  ["https://i.imgur.com/dkug8pn.gif", ""]
]

function cell(str) {
  const td = document.createElement('td')
  const i = document.createElement('img')
  i.src = str
  td.appendChild(i)
  return td
}

function row(a) {
  const tr = document.createElement('tr')
  for (const c of a) tr.appendChild(cell(c))
  return tr
}

function table(d) {
  const t = document.createElement('table')
  for (const r of d) t.appendChild(row(r))
  return t
}

function main() {
  document.body.appendChild(table(data))
}

main()