339r

JS Delete row From table (localStorage JSON array)

Jul 22nd, 2020
1,172
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. let Save_ = [];
  2. if (localStorage.getItem("saved_") != undefined) {
  3.     Save_ = JSON.parse(localStorage.getItem("saved_"));
  4.         Save_.forEach(e_ => {
  5.         let data = e_;
  6.         document.querySelector("table").insertAdjacentHTML("beforeend", `<tr>
  7.     <th>${data.Date_}</th>
  8.     <th>${data.Fname}</th>
  9.     <th>${data.Lname}</th>
  10.     <th><button onclick="deleteRow(this)">Delete</button></th>
  11.     </tr>`);
  12.     console.log(localStorage.getItem("saved_"));
  13.  
  14. });
  15. }
  16. window.addEventListener("load", ()=>{document.querySelector('input[name="date"]').value =  new Date().toISOString().slice(0,10)})
  17. function send_data(){
  18.    let dataform = new FormData(document.querySelector('form'));
  19. create_row(dataform.get('date'), dataform.get('first_name'), dataform.get('last_name'));
  20. event.preventDefault();
  21. window.location.reload()
  22. }
  23. function create_row(date_, fname, lname){
  24. const obj = {
  25.     Date_ : date_,
  26.     Fname : fname,
  27.     Lname : lname
  28. };
  29. const dataJSON = JSON.stringify(obj);
  30. Save_.push(obj);
  31. localStorage.setItem("saved_", JSON.stringify(Save_))
  32. }
  33. function deleteRow(x){
  34. const idx = x.parentElement.parentElement.rowIndex - 1;
  35. let newRow = JSON.parse(localStorage.getItem('saved_'));
  36. newRow.splice(idx, 1);
  37. localStorage.setItem("saved_", JSON.stringify(newRow));
  38. window.location.reload();
  39. }
Advertisement
Add Comment
Please, Sign In to add comment