Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- var addInput = document.getElementById('addInput');
- var addButton = document.getElementById('addButton');
- var todoList = document.getElementById('todoList');
- var removeLastButton = document.getElementById('removeLastButton');
- var firstElementChild;
- var lastElementChild;
- var liCount = 0;
- addButton.addEventListener('click', function(event) {
- if (addInput.value !== '') {
- // lisab uue LI, kindlast lisada uuele LI-le id mis kasutab liCount var-i
- addBackFirstAndLastButtons();
- addButtons(newLi); //lisab nupu fn
- liCount = liCount + 1; // Kasutad seda, et pidada järge mis järgmise li ID peaks olema.
- removeFirstAndLastButtons();
- }
- });
- removeLastButton.addEventListener('click', function(event){
- addBackFirstAndLastButtons();
- eemaldaLi();
- removeFirstAndLastButtons();
- });
- function addButtons(li) {
- //teeb 3 nuppu ja lisab
- Loob 3 nuppu selle li elemendi jaoks, annab neile kõigile unikaalse id, selle li elemendi id järgi, ntks li elemendi id'd on li0, li1, li2 jne ja nuppudel on upButtonli0 downButtonli0 jne.
- upButton = getElementById('upButton' + li.id);
- //jne
- upButton.addEventListener('click', function(){
- addBackFirstAndLastButtons();
- moveUp();
- removeFirstAndLastButtons();
- });
- downButton.addEventListener('click', function(){
- addBackFirstAndLastButtons();
- moveDown();
- removeFirstAndLastButtons();
- });
- removeButton.addEventListener('click', function(){
- addBackFirstAndLastButtons();
- remove();
- removeFirstAndLastButtons();
- });
- }
- function addBackFirstAndLastButtons(){
- Salvesta praegused first and last child li elemendid ja siis kui vaja lisa nendele nupud tagasi, nende id järgi saab kontrollida kas vastavad nupud eksisteerivad, ntks if(!getElementById('upButton' + lastElement.id){ lisanupp() }
- }
- function removeFirstAndLastButtons(){
- Salvesta first ja last child ja võta nende vastavad nupud ära, siin samas võib olla ka for loop mis kontrollib, et ega kuskil nupp puudu ei ole
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement