-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
43 lines (32 loc) · 1.1 KB
/
script.js
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
41
42
43
const mainFormElement = document.querySelector('.main__form')
const itemDeleteButtonElement = document.querySelectorAll('.main__delete')
const itemsListElement = document.querySelector('.main__items')
// event handlers
const addItem = (text) => {
let newItem = document.createElement('li')
let newText = document.createElement('p')
let remBtn = document.createElement('button')
newItem.classList.add('main__item')
newText.classList.add('main__text')
remBtn.classList.add('main__delete')
newText.textContent = text
remBtn.textContent = 'X'
remBtn.addEventListener('click', removeItem)
newItem.appendChild(newText)
newItem.appendChild(remBtn)
itemsListElement.appendChild(newItem)
}
const handleSubmit = (e) => {
e.preventDefault()
let inputText = e.target[0].value
inputText && addItem(inputText)
e.target.reset()
}
const removeItem = (e) => {
confirm('Are you sure?') ? e.target.parentNode.remove() : null
}
// event listeners
mainFormElement.addEventListener('submit', handleSubmit)
itemDeleteButtonElement.forEach((button) =>
button.addEventListener('click', removeItem)
)