scrimba
Основы JavaScript
Обьект Event
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Обьект Event
AboutCommentsNotes
Обьект Event
Expand for more info
index.js
run
preview
console
var input = document.querySelector('.input');
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()
});
Console
index.html
-2:53