// Created by 丹ⓨㄩک廾 window.onload = () => { var task_no = 0; var to_do_data = null; var sort_data = null; if (localStorage.getItem('to_do') == null) { localStorage.setItem('to_do', '[]'); to_do_data = []; } else { to_do_data = JSON.parse(localStorage.getItem('to_do')); } if (localStorage.getItem('notes') == null) { localStorage.setItem('notes', '[]'); sort_data = []; } else { sort_data = JSON.parse(localStorage.getItem('notes')); } function showdata() { $('#container_small').html(''); $('#container_to_do').html(''); var htm1, htm2; to_do_data = JSON.parse(localStorage.getItem('to_do')); sort_data = JSON.parse(localStorage.getItem('notes')); for (i in to_do_data) { htm1 = `

${to_do_data[i][0]}

`; $('#container_to_do').append(htm1); } for (i in sort_data) { htm2 = `

${sort_data[i][0]}

${sort_data[i][1]}

`; $('#container_small').append(htm2); } $('div.small_delete').on('click',small_delete_onclick); } console.log('loaded') $('#to_do_list').click(function() { $('#slider1').css({ 'left': 'calc(5% + 5px)' }); $('#to_do_list').css('color', 'white'); $('#small_notes').css('color', '#1976d3'); $('#container_to_do').css('left', '0'); $('#container_small').css('left', '100vw'); task_no = 0; }); $('#small_notes').click(function() { $('#slider1').css({ 'left': 'calc(55% - 5px)' }); $('#to_do_list').css('color', '#1976d3'); $('#small_notes').css('color', 'white'); $('#container_to_do').css('left', '-100vw'); $('#container_small').css('left', '0'); task_no = 1; }); $('#to_do_close').click(function() { $('#to_do_add_container').css('display', 'none'); }); $('#small_close').click(function() { $('#small_add_container').css('display', 'none'); }); $('.fa-plus-circle').click(function() { if (task_no == 0) { $('#to_do_add_container').css('display', 'block'); } else { $('#small_add_container').css('display', 'block'); } }); /*$('#to_do_add').click(function(){ console.log($('#to_do_input').html()); });*/ $('#to_do_add').click(function() { let to_do_time = $('#to_do_time').val(); let to_do_input = $('#to_do_input').html(); if (to_do_time == '') { to_do_time = 'Null TTime' } if (to_do_input.trim() == '') { alert('Please fill the task menue'); return; } to_do_time = to_do_time.replace('T', ' '); to_do_data.unshift([to_do_input, to_do_time]); localStorage.setItem('to_do', JSON.stringify(to_do_data)); showdata(); /*After adding to database*/ $('#to_do_add_container').css('display', 'none'); $('#to_do_time').val(''); $('#to_do_input').html('Your Task'); //showdata(); }); $('#small_add').click(function() { let small_title = $('#small_title').html(); let small_input = $('#small_input').html(); if (small_title.trim() == '') { alert('Please fill the Title'); return; } if (small_input.trim() == '') { alert('Please fill the notes section'); return; } let date = new Date(); let fullyear = date.getFullYear(); let month = date.getMonth() + 1; let date_t = date.getDate(); let hour = date.getHours(); let minut = date.getMinutes(); if (month < 10) { month = '0' + month; } if (date_t < 10) { date_t = '0' + date_t; } if (hour < 10) { hour = '0' + hour; } if (minut < 10) { minut = '0' + minut; } date = fullyear + '-' + month + '-' + date_t + ' ' + hour + ':' + minut; //console.log(date) sort_data.unshift([small_title, small_input, date]); localStorage.setItem('notes', JSON.stringify(sort_data)); showdata(); /*After adding to database*/ $('#small_add_container').css('display', 'none'); $('#small_title').html('Title'); $('#small_input').html('short notes'); //showdata(); }); showdata(); function small_delete_onclick(){ var del_idx = $(this).parent().parent().index(); console.log(del_idx); } }

to do list [Q&A simple fix for @丹ⓨㄩک廾]