Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- let Save_ = [];
- if (localStorage.getItem("saved_") != undefined) {
- Save_ = JSON.parse(localStorage.getItem("saved_"));
- Save_.forEach(e_ => {
- let data = e_;
- document.querySelector("table").insertAdjacentHTML("beforeend", `<tr>
- <th>${data.Date_}</th>
- <th>${data.Fname}</th>
- <th>${data.Lname}</th>
- <th><button onclick="deleteRow(this)">Delete</button></th>
- </tr>`);
- console.log(localStorage.getItem("saved_"));
- });
- }
- window.addEventListener("load", ()=>{document.querySelector('input[name="date"]').value = new Date().toISOString().slice(0,10)})
- function send_data(){
- let dataform = new FormData(document.querySelector('form'));
- create_row(dataform.get('date'), dataform.get('first_name'), dataform.get('last_name'));
- event.preventDefault();
- window.location.reload()
- }
- function create_row(date_, fname, lname){
- const obj = {
- Date_ : date_,
- Fname : fname,
- Lname : lname
- };
- const dataJSON = JSON.stringify(obj);
- Save_.push(obj);
- localStorage.setItem("saved_", JSON.stringify(Save_))
- }
- function deleteRow(x){
- const idx = x.parentElement.parentElement.rowIndex - 1;
- let newRow = JSON.parse(localStorage.getItem('saved_'));
- newRow.splice(idx, 1);
- localStorage.setItem("saved_", JSON.stringify(newRow));
- window.location.reload();
- }
Advertisement
Add Comment
Please, Sign In to add comment