00:00 body { background-color: #2c3e50; } h1 { color: white; } .clicked { color: #7f8c8d; } .form, .greetings { display: none; } .showing { display: block; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .bgImage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; animation: fadeIn 0.5s linear; } const toDoForm = document.querySelector(".js-toDoForm"), ..

CODING/Javascript 2020. 6. 9. 21:01

00:00 body { background-color: #ecf0f1; } h1 { color: #34495e; } .clicked { color: #7f8c8d; } .form, .greetings { display: none; } .showing { display: block; } const form = document.querySelector(".js-form"), input = form.querySelector("input"), greeting = document.querySelector(".js-greetings"); const USER_LS = "currentUser", SHOWING_CN = "showing"; function saveName(text) { localStorage.setIte..

CODING/Javascript 2020. 6. 9. 00:14