03.Forum

function solve() {
    let buttons = Array.from(document.getElementsByTagName('button'));

    let submitButton = buttons[0];

    submitButton.addEventListener('click', (e) => {
        e.preventDefault();

        let userInfoTokens = document.getElementsByClassName('user-info')[0].children;

        let userName = userInfoTokens[1].value;
        let password = userInfoTokens[3].value;
        let email = userInfoTokens[5].value;

        let topics = Array.from(document.getElementsByClassName('topics')[0].children);

        let selectedTopics = [];

        for (let i = 0; i < topics.length; i+= 2) {
            let topic = topics[i];

            if(i === 0 || !topic.checked){
                continue;
            }

            selectedTopics.push(topic.value);
        }

        let user = {
            userName : userName,
            password : password,
            email : email,
            topics : selectedTopics
        };

        let usernameTd = createTd(user.userName);
        let emailTd = createTd(user.email);
        let topicsTd = createTd(selectedTopics.join(' '));

        let tableRow = document.createElement('tr');

        tableRow.appendChild(usernameTd);
        tableRow.appendChild(emailTd);
        tableRow.appendChild(topicsTd);

        let tableBody = document.getElementsByTagName('tbody')[0];
        tableBody.appendChild(tableRow);
    });

    let searchButton = buttons[1];

    searchButton.addEventListener('click', () => {

        let tableBody = Array.from(document.getElementsByTagName('tbody')[0].children);

        let input = document.getElementById('exercise').children[1].value;

        for(let tableRow of tableBody){

            let rowElements = tableRow.children;

            let isVisible = false;

            for(let element of rowElements){
                if(element.textContent.includes(input)){
                    isVisible = true;
                    break;
                }
            }

            if(isVisible){
                tableRow.style.visibility = 'visible';
            }
            else {
                tableRow.style.visibility = 'hidden';
            }
        }
    });

    function createTd(textContent) {
        let td = document.createElement('td');
        td.textContent = textContent;

        return td;
    }
}