Showcase AC Milan players in random order, with random substitution on every minute.
Here is a working live demo: https://onionsequences.github.io/js-dom-football-club/
This project is created as homework for my coding bootcamp.
This aplication is randomly selecting 11 players for starting lineup from the group of 15 players AC Milan, and placing remaining 4 to the reserve area.
Each 1 minute one random player from starting squad is replaced with random player from reserves.
In this project I learned DOM Traversing, CSS @keyframe property and some basics of JS ES6 standard
- Vanilla JS - For HTML DOM traversing, event handling, animating.
- HTML5 - for structuring page content.
- CSS3 - for styling content on page.
- Added LIVE substitution box (
) - Users can see which player going in and which is out
- Added button for substitution - Users now can change players right away
- Added countdown timer till the player substitution
