JavaScript: execute an action after a CSS transition is complete

In JavaScript we can execute a specific action after a CSS transition is complete.

We can write the following utility function:

'use strict';

const afterTransition = (element, callback) => {
    element.addEventListener('transitionend', callback, false);
};