Music Site

function solve() {
    //TODO

    //input fields
    const genre=document.getElementById('genre');
    const name=document.getElementById('name');
    const author=document.getElementById('author');
    const date=document.getElementById('date');
    const ElementContainer= document.querySelector('#all-hits .all-hits-container');

    const ElementContainerSave= document.querySelector('#saved-hits .saved-container');
    const BtnAdd= document.getElementById('add-btn');

    BtnAdd.addEventListener('click',(e)=>{
        e.preventDefault();
        if(genre.value =='' || name.value =='' ||author.value ==''|| date.value==''){
            return;
        }
        const image=document.createElement('img');
        image.src='./static/img/img.png';

        const Elh1= document.createElement('h2');
        Elh1.textContent=`Genre: ${genre.value}`;
        const Elh2= document.createElement('h2');
        Elh2.textContent=`Name: ${name.value}`;;
        const Elh3= document.createElement('h2');
        Elh3.textContent=`Author: ${author.value}`;
        const Elh4= document.createElement('h3');
        Elh4.textContent=`Date: ${date.value}`;

        //
        const BtnSave=document.createElement('button');
        BtnSave.classList.add('save-btn');
        BtnSave.textContent='Save song';

        const BtnLike=document.createElement('button');
        BtnLike.classList.add('like-btn');
        BtnLike.textContent='Like song';

        const BtnDelete=document.createElement('button');
        BtnDelete.classList.add('delete-btn');
        BtnDelete.textContent='Delete';

        const AllhitsInfo=document.createElement('div');
        AllhitsInfo.classList.add('hits-info');
        AllhitsInfo.appendChild(image);

        AllhitsInfo.appendChild(Elh1);
        AllhitsInfo.appendChild(Elh2);
        AllhitsInfo.appendChild(Elh3);
        AllhitsInfo.appendChild(Elh4);

        AllhitsInfo.appendChild(BtnSave);
        AllhitsInfo.appendChild(BtnLike);
        AllhitsInfo.appendChild(BtnDelete);

        ElementContainer.appendChild(AllhitsInfo);

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

        const AllLikes=document.querySelector('#total-likes div p');
        const ArrLikes= AllLikes.textContent.split(' ');
        let currentlikes= Number(ArrLikes[2]);

        AllLikes.textContent=`Total Likes: ${++currentlikes}`;

        BtnLike.setAttribute('disabled','disabled');


        })

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

            ElementContainerSave.appendChild(AllhitsInfo);
            BtnSave.remove();
            BtnLike.remove();
        });

        BtnDelete.addEventListener('click',()=>{
            AllhitsInfo.remove();
        });
        genre.value='';
        name.value='';
        author.value='';
        date.value='';
    })
}