부단이네 블로그

[이번에는 javascript로 입력받은 값을 localStorage에 저장해 보는 것을 포스팅하겠습니다.] localStorage를 쓰는 이유는? 브라우저 세션에 데이터를 저장할 수 있습니다. 쉽게 말해 새로고침하든 닫았다 열든 그 데이터는 저장된다는 말이죠! 1. querySelector로 해당 입력 영역을 가져옵니다. 2. 입력받은 값을 변수에 집어넣기 currentIdId, currentPassword라는 변수에 각각 input_One(id의 입력값) Password_One(password의 입력값)을 넣어줍니다. 3. 2번 작업을 함수로 묶기 4. 버튼이 눌릴때 함수 작동하게 만들기 5. 마무리 6. 결과물 6-2. 결과물 - localStorage - 성공적으로 localStorage에 추가된..

「이번에는 이전 포스팅에서 만든 시계의 색깔을 랜덤 하게 바꿔보겠습니다.」 *저번에 만든 시계란?* 궁금하시다면 여기를 클릭해 보세요! 1. 바뀔 색깔을 뽑아 리스트로 만들어 줍니다. - random으로 이중 한가지 색깔을 뽑아 1초마다 텍스트의 글씨를 해당 색으로 변경할 것입니다. 2. Random기능으로 무작위 숫자를 뽑아주는 함수를 선언합니다. -무작위로 0~1중의 수를 하나 뽑은 후 그 수에 4를 곱한 다음 소수점을 버립니다. -그 수는 0~4 이므로 아까의 colorlist index와 일치하므로 - Random기능으로 뽑은 숫자에 맞는 색깔로 시계의 색깔을 변경합니다. 3. 마무리 4. 결과 -html-

「이번에는 javascript로 현재 시간(시:분:초)을 나타내 보겠습니다!」 0. "html에서의 clock부분"DOM의 객체 가져오기 1. 현재 시간 가져오기 - 현재 시간을 넣어줄 상수 clock에 현재 시간을 넣어줍니다. 2. 가져온 데이터 시, 분, 초로 나누어 저장하기 - 시간을 시:분:초로 표시해주기 위해 각각의 상수에 넣어줍니다. 3. 정제한 데이터 표시하기 -innerHTML로 가져온 데이터를 표시해줍니다. (10 미만인 부분이 있으면 0을 붙여 보여줍니다.) 4. 윗 부분을 반복 실행하기 위해 함수로 묶기 5. 1초마다 함수 실행하기 - setInterval 구문으로 시간마다 해당 함수를 반복 실행해줍니다. 6. 마무리하기 -모든 부분을 하나로! -3번 줄은 clock의 색깔을 바꿔주는..