var button = document.querySelector('.button');
var formTitle = document.querySelector('.form-title');
var trigger = document.querySelector('.trigger');
var container = document.querySelector('.container');
var itemInput = document.querySelector('.itemInput');
var addButton = document.querySelector('.addButton');
var removeButton = document.querySelector('.removeButton');
var items = document.getElementsByTagName('li');
container.addEventListener('mouseover', function() {
this.textContent = this.textContent.toUpperCase();
});
container.addEventListener('mouseout', function() {
this.textContent = this.textContent.toLowerCase();
});
trigger.addEventListener('click', function() {
if(container.style.display !== 'none') {
container.style.display = 'none';
trigger.textContent = 'Показать список';
} else {
container.style.display = '';
trigger.textContent = 'Скрыть список';
}
});
button.addEventListener('click', function() {
formTitle.textContent = input.value;
});
addButton.addEventListener('click', function() {
var list = document.querySelector('ul');
var item = document.createElement('li');
item.textContent = itemInput.value;
list.appendChild(item);
itemInput.value = '';
});
removeButton.addEventListener('click', function() {
var list = document.querySelector('ul');
var li = list.querySelector('li:last-child');
list.removeChild()
});
var input = document.querySelector('.input');