Я кончено благодарю, но это же не коммерческий проект, это я сам себе задачу ставлю и пытаюсь ее решить тем самым учусь, вот вы написали а я не чего не понял
var index = 0;
var game = document.querySelectorAll('.all_game > div');
function gamesSelectedShow() {
var nameGames = [];
game[index].querySelectorAll('input').forEach(function(input) {
if (input.checked) nameGames.push(input.value)
})
document.querySelector('.out_select_game').innerHTML = nameGames.length ? nameGames : 'Сделайте выбор!';
}
function consoleSelectedShow() {
game.forEach(function(div, i) {
div.classList.toggle('open', i === index)
})
}
document.querySelectorAll('[name="console"]').forEach(function(console, i) {
console.addEventListener('change', function() {
document.querySelector('.out_console').innerHTML = 'Ваша консоль: ' + console.value;
index = i;
consoleSelectedShow();
gamesSelectedShow();
})
})
game.forEach(function(div) {
div.addEventListener('change', gamesSelectedShow)
})
Хотя бы в двух словах как это работает