MutationsMethod.js/jScript.js at master · pashaGhub/MutationsMethod.js · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
let guestArr = [];

document.getElementById('addStart').addEventListener("click", function () {
  guestArr.unshift(document.getElementById('guestName').value);
  document.getElementById('guestName').value = null;
  printGuestsList()
});

document.getElementById('addEnd').addEventListener("click", function () {
  guestArr.push(document.getElementById('guestName').value);
  document.getElementById('guestName').value = null;
  printGuestsList()
});

document.getElementById('removeFirst').addEventListener("click", function () {
  guestArr.shift();
  printGuestsList()
});

document.getElementById('removeLast').addEventListener("click", function () {
  guestArr.pop();
  printGuestsList()
});

document.getElementById('reverseList').addEventListener("click", function () {
  guestArr = guestArr.reverse();
  printGuestsList()
});


function printGuestsList() {
  // document.getElementById('arrPrint').innerHTML = null;
  guestArr.forEach(function(invitedGuest) {
    let guestItem =  document.createElement("li");
    guestItem.classList.add("list-group-item");
    guestItem.textContent = invitedGuest;
    document.getElementById("arrPrint").appendChild(guestItem);

  });
};