본문 바로가기

전체 글

(76)
[login] text input 시 text 화면에 띄우기 HTML Javascript 'use strict'; const loginForm = document.querySelector('#login-form'); const loginInput = document.querySelector('#login-form input[type=text]'); const greeting = document.querySelector('#greeting'); const HIDDEN_CLASSNAME = "hidden"; const USERID_KEY = "userId"; function loginHandler(event) { event.preventDefault(); //원래하던 새로고침을 막고 시작 const userId = loginInput.value;//유저 이름 저장 l..
localStorage에 user 정보가 있거나 없을 때 form 활용하기 HTML Javascript const loginForm = document.querySelector('#login-form'); const loginInput = document.querySelector('#login-form input'); const greeting = document.querySelector('#greeting'); const HIDDEN_CLASS = "hidden"; const ID_KEY = "userId"; function onLoginSubmit(event) { event.preventDefault(); loginForm.classList.add(HIDDEN_CLASS); const userId = loginInput.value; localStorage.setItem("I..
function과 event로 웹페이지 배경색을 바꾸기 강의를 보고 button click event로 웹페이지의 배경색을 바꿔보았다 WEB 'use strict'; //const btn = document.getElementById('nightDay'); 이건 소용이 없네.. function nightDayHandler(self) { const target = document.querySelector('body'); if(self.value === 'night') { //이 값이 night라면 black모드에 yellow 글자에 day btn이 있어야한다 target.style.backgroundColor = "black"; target.style.color = "Yellow"; self.value = "day"; //black 모드일 때, 버튼 이름은 d..