-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
51 lines (41 loc) · 1.33 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
44
45
46
47
48
49
50
51
const addBtn = document.getElementById('add')
const wrapper = document.querySelector('#wrapper')
addBtn.addEventListener('click',()=>addNewNote())
function load (){
const notes= JSON.parse(localStorage.getItem('notes'));
if(notes.length==0){
addNewNote();
}
else{
notes.forEach(note=>addNewNote(note));
}
}
load();
function saveNotes(){
const notes = document.querySelectorAll('.note textarea');
const data =[];
notes.forEach((note)=>data.push(note.value));
localStorage.setItem('notes',JSON.stringify(data));
}
function addNewNote(text = '') {
const note = document.createElement('div')
note.classList.add('note')
note.innerHTML = `
<div class="tools">
<button class="edit"><i class="fas fa-edit"></i></button>
<button class="save"><i class="fas fa-save"></i></button>
<button class="delete"><i class="fas fa-trash-alt"></i></button>
</div>
<textarea>${text}</textarea>
`;
wrapper.appendChild(note);
saveNotes();
note.querySelector('.delete').addEventListener('click',function(){
note.remove();
saveNotes();
});
note.querySelector('.save').addEventListener('click',()=>saveNotes());
note.querySelector('textarea').addEventListener('focusout',function(){
saveNotes();
});
}