onload =function () { const dateSpace = document.getElementsByClassName('date'); const info = document.createTextNode(''); function update (){ const currentDate = new Date(); const calendarMonths = ['January', 'February', 'March ', 'April', 'May', 'June' , 'July' , 'August' , 'September' , 'October', 'November', 'December' ]; const month = currentDate.getMonth() const calendarHeader = { months: calendarMonths[month] , year: currentDate.getFullYear(), day: currentDate.getDate(), time: currentDate.toLocaleTimeString(), showCalendar () { info.nodeValue = calendarHeader.months + ' ' + calendarHeader.day + ' ' + calendarHeader.year + ' ' + calendarHeader.time; dateSpace[0].appendChild(info); } } calendarHeader.showCalendar(); } setInterval(update, 100); const output = document.getElementsByClassName('notes'); const clearsPage = document.getElementsByClassName('clearsPage'); const insertsGrid = document.getElementsByClassName('insertsGrid'); const checkableBullets = document.getElementsByClassName('checkableBullets'); const insertImage= document.getElementsByClassName('insertImage'); const addSketch = document.getElementsByClassName('addSketch'); const textModify = document.getElementsByClassName('textModify'); clearsPage[0].addEventListener('click' , trash_clear); function trash_clear (){ document.getElementsByClassName('notes')[0].innerHTML = ''; } insertsGrid[0].addEventListener('mousedown', createGrid); function createGrid (){ document.execCommand('insertHTML' , true, '

Add Row

Add Column

Head1	Head2
0	0

'); const dropMenu = document.getElementsByClassName('drop-down'); const dropDownContent = document.getElementsByClassName('dropDownContent'); dropMenu[0].addEventListener('mousedown' , tog); function tog (){ dropDownContent[0].classList.toggle('dropDownContent1'); } } const buttons = { clear: clearsPage[0], grid: insertsGrid[0], bullets: checkableBullets[0], image: insertImage[0], sketch:addSketch[0], modify: textModify[0], buttonPos() { const buttonArray = Object.values(buttons); for(let i=0; i <= buttonArray.length; i++) { buttonArray[i].style.right = '1vh'; buttonArray[i].style.top = 5+(i * 25/2) + 'vh'; } }, } buttons.buttonPos(); }

Notes_Application_In_Progress