자바스크립트() (3) 썸네일형 리스트형 javascript#3 백그라운드 이미지 랜덤으로 채우기 안녕하세요 오늘은 이미지 띄우기 할거에요. 우선 html 이번엔 body전체에 넣어줄 거기 때문에 이렇습니다. 그담은 js코드 const body = document.querySelector("body"); const IMG_SU = 5; //이미지 개수 function img(num){ const image = new Image(); //이미지 객체 생성 이미지의 요소들 사용가능 image.src = `image/${num+1}.jpg`; //image폴더에서 이미지 가져오기 body.prepend(image); } function getRandom(){ const number = Math.floor(Math.random()*IMG_SU); return number; } function init(){ .. javascript#2 local저장소 이용하기 안녕하세요 local저장소 복습해보겠습니다. 저는 노마드코더 니코쌤의 무료강좌를 보고 공부하였습니다. 변수 설정하는거 어떤걸로 해야하는지 너무 고민돼요 ㅜㅜ 일단 저만 대충 알아볼 수 있게 하는데 어렵네요.. 그리고 주석도 제 맘대로 그때 그때 제가 이해한 대로 다는 거라 알아보시기 힘들 수 있어요.. 일단 html 그리고 css .form, .greeting{ display: none; } .showing{ display: block; } 보시면 처음에 .form과 .greeting은 기본 display가 none으로 보이지 않는 상태입니다. local저장소에 값이 있냐 없냐에 따라 두가지를 보이게,안보이게 해볼 거에요. 일단 js 코드 보시고 제가 따로 찾아본 부분 설명하겠습니다. const form.. javascript#1 시간 출력 안녕하세요 자바스크립트 공부한내용 복습하면서 포스팅 해봅니다. html 먼저 시간을 표시해 줄 곳을 표시해 줍니다. 이제 js const clockDiv = document.querySelector(".js-clock"); //js-clock 첫번째 가져오기 const clockTime = clockDiv.querySelector("h1"); //clockDiv 첫번째 h1 가져오기 const clockDate = clockDiv.querySelector("h4"); //clockDiv 첫번째 h6 가져오기 function loadClock(){ const today = new Date(); //날짜 객체 받고 const year = today.getFullYear(); const month = toda.. 이전 1 다음
