Вам нужно прочитать про основы работы с событиями, например в learn JavaScript. Писать это в разметке вообще не стоит. https://learn.javascript.ru/introduction-browser-events

Можно запихать их в массив и обращаться к ним через a[i] где i переменная созданная через Math.random

Вам нужно посмотреть свойство transform-origin, которое позволяет сместить ось вращения блока. По умолчанию она у него в центре. Сейчас вы вращаете блоки за счёт того, что изначально их сместили по осям, а сместив ось вращения на соответствующее ребро вам не нужно будет translate. Думаю это так же решит вашу проблему.