HTML, CSS

todo.js const toDoForm = document.getElementById("todo-form"); const toDoInput = toDoForm.querySelector("input"); const toDoList = document.getElementById("todo-list"); const TODOS_KEY = "todos" let toDos = []; function saveTodos(){ localStorage.setItem(TODOS_KEY,JSON.stringify(toDos)); } function deleteTodo(event){ const li = event.target.parentElement; li.remove(); toDos = toDos.filter((toDo) ..

clock.js const clock = document.querySelector("h2#clock"); function getClock(){ const date = new Date(); const hours = String(date.getHours()).padStart(2,"0"); const minutes = String(date.getMinutes()).padStart(2,"0");; const seconds = String(date.getSeconds()).padStart(2,"0");; clock.innerText = `${hours}:${minutes}:${seconds}`; } getClock(); setInterval(getClock, 1000); //1000ms(1s)마다 앞의 함수 반복..

JS파일 const loginForm = document.querySelector("#login-form"); const loginInput = document.querySelector("#login-form input"); const greeting = document.querySelector("#greeting"); const HIDDEN_CLASSNAME = "hidden" const USERNAME_KEY = "username" function onLoginSubmit(event){ event.preventDefault(); const username = loginInput.value; localStorage.setItem(USERNAME_KEY,username); paintGreetings(us..