Breaking News: Grepper is joining You.com. Read the official announcement!

js append sample

Cruel Cormorant answered on December 30, 2021 Popularity 5/10 Helpfulness 1/10

answer js append sample

related append javascript example

js append sample

Comment

const container = document.querySelector(".container");
const songsContainer = container.querySelector(".songs-container");
const addButton = container.querySelector(".input__btn_action_add");
const resetButton = container.querySelector(".input__btn_action_reset");
const noSongsElement = container.querySelector(".no-songs");

function renderHasSongs() {
  resetButton.removeAttribute("disabled");
  resetButton.classList.remove("input__btn_disabled");
  noSongsElement.classList.add("no-songs_hidden");
}

function renderNoSongs() {
  resetButton.setAttribute("disabled", true);
  resetButton.classList.add("input__btn_disabled");
  noSongsElement.classList.remove("no-songs_hidden");
}

function addSong(artistValue, titleValue) {
  const songTemplate = document.querySelector("#song-template").content;
  const songElement = songTemplate.querySelector('.song').cloneNode(true);

  songElement.querySelector(".song__artist").textContent = artistValue;
   songElement.querySelector(".song__title").textContent = titleValue;
  
  songsContainer.append(songElement); 
}

addButton.addEventListener("click", function () {
  const artist = document.querySelector(".input__text_type_artist");
  const title = document.querySelector(".input__text_type_title");

  addSong(artist.value, title.value);
  renderHasSongs();

  artist.value = "";
  title.value = "";
});

resetButton.addEventListener("click", function () {
  const songs = document.querySelectorAll(".song")

  songs.forEach((item) => {
    item.remove();
  });

  renderNoSongs();
});

Popularity 5/10 Helpfulness 1/10 Language javascript

Source: practicum.yandex.com

Tags: append javascript

Link to this answer
Share Copy Link

Contributed on Dec 30 2021

Cruel Cormorant

0 Answers Avg Quality 2/10

Closely Related Answers

append javascript example

Comment

const formDataId = document.getElementById("userForm");
const formData = new FormData(formDataId);
formData.append("isAdmin", 1);

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: append ap

Link to this answer
Share Copy Link

Contributed on Aug 30 2022

@CodeGrepperManu

0 Answers Avg Quality 2/10

js append sample

Contents

More Related Answers

js append sample

Closely Related Answers

append javascript example

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.