function solve() {
    let correct = 0
    let inCorrect = 0

    const mapper = {
        'Question #1: Which event occurs when the user clicks on an HTML element?': 'onclick',
        'Question #2: Which function converting JSON to string?': 'JSON.stringify()',
        'Question #3: What is DOM?': 'A programming API for HTML and XML documents'
    }

    const questions = document.querySelectorAll('h2');
    let sectionEl = Array.from(document.querySelectorAll('section'));

    for (let i = 0; i < questions.length; i++) {
        let currentQuestion = questions[i].textContent
        let buttons = sectionEl[i].querySelectorAll('p');
        for (el of buttons) {
            el.addEventListener('click', clickAnswer)
        }

        function clickAnswer(e) {
            if (e.currentTarget.textContent === mapper[currentQuestion]) {
                correct += 1;
                if (i < 2) {
                    sectionEl[i].style.display = 'none';
                    sectionEl[i + 1].style.display = 'block';

                }
            } else {
                if (i < 2) {
                    sectionEl[i].style.display = 'none';
                    sectionEl[i + 1].style.display = 'block';
                }
            }

            if (i === 2) {
                if (correct === 3) {
                    let result = document.querySelectorAll('.results-inner')[0].children;
                    result[0].textContent = 'You are recognized as top JavaScript fan!';
                    sectionEl[i].style.display = 'none';
                    document.getElementById('results').style.display = 'block';
                } else {
                    let result = document.querySelectorAll('.results-inner')[0].children;
                    result[0].textContent = `You have ${correct} right answers`;
                    sectionEl[i].style.display = 'none';
                    document.getElementById('results').style.display = 'block';
                }
            }
        }
    }
}