musicSite

function solve() {
    let genre = document.getElementById('genre');
    let name = document.getElementById('name');
    let author = document.getElementById('author');
    let date = document.getElementById('date');

    let btnAdd = document.getElementById('add-btn');

    let divAllhits = document.querySelector('div.all-hits-container');

    let divSavedSongs = document.querySelector('div.saved-container');

    let totalLikes = document.querySelector('div.likes p');

    btnAdd.addEventListener('click', function (e) {
        e.preventDefault();
        if (!genre.value || !name.value || !author.value || !date.value) return;
        let newDiv = document.createElement('div');
        newDiv.className = 'hits-info';
        let newImg = document.createElement('img');
        newImg.src = './static/img/img.png';
        newDiv.appendChild(newImg);
        let newGenreh2 = document.createElement('h2');
        newGenreh2.textContent = 'Genre: ' + genre.value;
        newDiv.appendChild(newGenreh2);
        let newNameh2 = document.createElement('h2');
        newNameh2.textContent = 'Name: ' + name.value;
        newDiv.appendChild(newNameh2);
        let newAuthorh2 = document.createElement('h2');
        newAuthorh2.textContent = 'Author: ' + author.value;
        newDiv.appendChild(newAuthorh2);
        let newDateh3 = document.createElement('h3');
        newDateh3.textContent = 'Date: ' + date.value;
        newDiv.appendChild(newDateh3);

        let btnSave = document.createElement('button');
        btnSave.textContent = 'Save song';
        btnSave.className = 'save-btn';
        newDiv.appendChild(btnSave);

        let btnLike = document.createElement('button');
        btnLike.textContent = 'Like song';
        btnLike.className = 'like-btn';
        newDiv.appendChild(btnLike);

        let btnDelete = document.createElement('button');
        btnDelete.textContent = 'Delete';
        btnDelete.className = 'delete-btn';
        newDiv.appendChild(btnDelete);

        divAllhits.appendChild(newDiv);
        genre.value = '';
        name.value = '';

        author.value = '';
        date.value = '';

        btnDelete.addEventListener('click', function (e) {
            let parentDiv = newDiv.parentNode;
            console.log(parentDiv);
            parentDiv.removeChild(newDiv);
        });
        btnLike.addEventListener('click', function (e) {
            let [_, likesNum] = totalLikes.textContent.split(': ');
            totalLikes.textContent = 'Total Likes: ' + (Number(likesNum) + 1);
            console.log(likesNum);
            e.target.disabled = true;
        });

        btnSave.addEventListener('click', function (e) {
            divSavedSongs.appendChild(newDiv);
            newDiv.removeChild(btnSave);
            newDiv.removeChild(btnLike);
        });
    });
}