function solve() {
    let cardsOfFirstPlair = document.querySelectorAll('#player1Div img');
    let cardsOfSecondPlair = document.querySelectorAll('#player2Div img');
    let result = document.querySelectorAll('#result span');
    let history = document.querySelector('#history');

    cardsOfFirstPlair.forEach(card => {
        card.addEventListener('click', cardAnalize)
    });
    cardsOfSecondPlair.forEach(card => {
        card.addEventListener('click', cardAnalize)
    });

    function cardAnalize() {
        this.src = 'images/whiteCard.jpg';
        let player = this.parentNode.id;


        if (player === 'player1Div') {
            result[0].textContent = this.name;
            if (this.name !== '') {
                this.style = 'border: 2px solid black'
            }
        }
        if (player === 'player2Div') {
            result[2].textContent = this.name;
            if (this.name !== '') {
                this.style = 'border: 2px solid black'
            }
        }

        if (result[0].textContent !== '' && result[2].textContent !== '') {
            if (Number(result[0].textContent) > Number(result[2].textContent)) {
                cardsOfFirstPlair.forEach(card => {
                    if (card.name === result[0].textContent) {
                        card.style = 'border: 2px solid green'
                        card.removeAttribute('name');
                    }
                });
                cardsOfSecondPlair.forEach(card => {
                    if (card.name === result[2].textContent) {
                        card.style = 'border: 2px solid darkred'
                        card.removeAttribute('name');
                    }
                });
            } else {
                cardsOfFirstPlair.forEach(card => {
                    if (card.name === result[0].textContent) {
                        card.style = 'border: 2px solid darkred'
                        card.removeAttribute('name');
                    }
                });
                cardsOfSecondPlair.forEach(card => {
                    if (card.name === result[2].textContent) {
                        card.style = 'border: 2px solid green'
                        card.removeAttribute('name');
                    }
                });
            }
            history.textContent += `[${result[0].textContent} vs ${result[2].textContent}] `;
            result[0].textContent = '';
            result[2].textContent = '';
        }
    }
}