Advertisement
Guest User

Untitled

a guest
Jan 23rd, 2018
111
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.03 KB | None | 0 0
  1. var addInput = document.getElementById('addInput');
  2. var addButton = document.getElementById('addButton');
  3. var todoList = document.getElementById('todoList');
  4. var removeLastButton = document.getElementById('removeLastButton');
  5. var firstElementChild;
  6. var lastElementChild;
  7. var liCount = 0;
  8.  
  9. addButton.addEventListener('click', function(event) {
  10. if (addInput.value !== '') {
  11. // lisab uue LI, kindlast lisada uuele LI-le id mis kasutab liCount var-i
  12. addBackFirstAndLastButtons();
  13. addButtons(newLi); //lisab nupu fn
  14. liCount = liCount + 1; // Kasutad seda, et pidada järge mis järgmise li ID peaks olema.
  15. removeFirstAndLastButtons();
  16. }
  17. });
  18.  
  19. removeLastButton.addEventListener('click', function(event){
  20. addBackFirstAndLastButtons();
  21. eemaldaLi();
  22. removeFirstAndLastButtons();
  23. });
  24.  
  25. function addButtons(li) {
  26. //teeb 3 nuppu ja lisab
  27. 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.
  28.  
  29. upButton = getElementById('upButton' + li.id);
  30. //jne
  31.  
  32. upButton.addEventListener('click', function(){
  33. addBackFirstAndLastButtons();
  34. moveUp();
  35. removeFirstAndLastButtons();
  36. });
  37.  
  38. downButton.addEventListener('click', function(){
  39. addBackFirstAndLastButtons();
  40. moveDown();
  41. removeFirstAndLastButtons();
  42. });
  43.  
  44. removeButton.addEventListener('click', function(){
  45. addBackFirstAndLastButtons();
  46. remove();
  47. removeFirstAndLastButtons();
  48. });
  49.  
  50. }
  51.  
  52. function addBackFirstAndLastButtons(){
  53. 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() }
  54. }
  55.  
  56. function removeFirstAndLastButtons(){
  57. 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
  58. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement