Вы должны создать некоторую логику здесь. Если вы хотите иметь один цветной ящик из списка всех, вы должны помнить свой предыдущий основной ящик. Итак, вы напишете следующие инструкции:
html:
1
2
js:
let boxes = Array.from(document.querySelectorAll(".box"));
let button = document.getElementsByTagName('button')[0];
let mainBoxIndex = 0;
button.addEventListener('click', function() {
boxes[mainBoxIndex].classList.remove('main');
mainBoxIndex = (mainBoxIndex + 1 < boxes.length) ? mainBoxIndex + 1 : 0;
boxes[mainBoxIndex].classList.add('main');
});
Более подробно посмотреть вы можете здесь: https: / /codepen.io/anon/pen/jXJyqQ Надеюсь, это вам поможет.
Необходимо будет проверить лицензионные требования, но источник к библиотекам GCC в свободном доступе. Просто захватите getopt () оттуда.