Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function solve() {
- let divCollectionOfSongs = document.getElementsByClassName('all-hits-container')[0];
- let addButtonElement = document.getElementById('add-btn');
- let divHitsInfo = document.createElement('div');
- divHitsInfo.classList.add('hits-info');
- let imgElement = document.createElement('img');
- imgElement.src = './static/img/img.png';
- let h2GenreElement = document.createElement('h2');
- let h2NameElement = document.createElement('h2');
- let h2AuthorElement = document.createElement('h2');
- let h3DateElement = document.createElement('h3');
- let saveBtnElement = document.createElement('button');
- saveBtnElement.classList.add('save-btn');
- let likeBtnElement = document.createElement('button');
- likeBtnElement.classList.add('like-btn');
- let deleteBtnElement = document.createElement('button');
- deleteBtnElement.classList.add('delete-btn');
- saveBtnElement.textContent = 'Save song';
- likeBtnElement.textContent = 'Like song';
- deleteBtnElement.textContent = 'Delete';
- let totalLikesDiv = document.querySelector('.likes p');
- let likes = 0;
- totalLikesDiv.textContent = `Total Likes: ${likes}`;
- let divSavedSongsElement = document.getElementsByClassName('saved-container')[0];
- addButtonElement.addEventListener('click', (e) => {
- let genreElement = document.getElementById('genre');
- let nameElement = document.getElementById('name');
- let authorElement = document.getElementById('author');
- let dateElement = document.getElementById('date');
- divHitsInfo.appendChild(imgElement);
- h2GenreElement.textContent = `Genre: ${genreElement.value}`;
- h2NameElement.textContent = `Name: ${nameElement.value}`;
- h2AuthorElement.textContent = `Author: ${authorElement.value}`;
- h3DateElement.textContent = `Date: ${dateElement.value}`;
- let pattern = /^\d{2}\.\d{2}\.\d{4}$/;
- let arr = [genreElement.value, nameElement.value, authorElement.value, dateElement.value];
- if (arr.includes('') === false && pattern.test(dateElement.value)) {
- divHitsInfo.appendChild(h2GenreElement);
- divHitsInfo.appendChild(h2NameElement);
- divHitsInfo.appendChild(h2AuthorElement);
- divHitsInfo.appendChild(h3DateElement);
- divHitsInfo.appendChild(saveBtnElement);
- divHitsInfo.appendChild(likeBtnElement);
- divHitsInfo.appendChild(deleteBtnElement);
- divCollectionOfSongs.appendChild(divHitsInfo);
- genreElement.value = null;
- nameElement.value = null;
- authorElement.value = null;
- dateElement.value = null;
- }
- event.preventDefault();
- });
- likeBtnElement.addEventListener('click', (e) => {
- likes++;
- totalLikesDiv.textContent = `Total Likes: ${likes}`;
- likeBtnElement.disabled = true;
- });
- saveBtnElement.addEventListener('click', (e) => {
- divSavedSongsElement.appendChild(divHitsInfo);
- saveBtnElement.remove();
- likeBtnElement.remove();
- likeBtnElement.disabled = false;
- });
- deleteBtnElement.addEventListener('click', (e) => {
- divHitsInfo.remove();
- });
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement