기록하는 개발자

아래와 같이 refresh 할 때마다 배경 사진이 바뀌는 기능을 추가해보자. Log in 00:00:00 const images=["img1.jpg","img2.jpg","img3.jpg"]; const chosenImage = images[Math.floor(Math.random()*images.length)]; const bgImage = document.createElement("img"); bgImage.src = `img/${chosenImage}`; document.body.appendChild(bgImage); 1. random image 저장 - 필요한 이미지를 프로젝트 폴더 내 img 폴더를 생성해 한 데 모아둔다. - string type..

만들고자 하는 시계의 모양이다. 여기서 필요한 것은 기본적으로 제공되는 Date 객체의 hours, minuteds, seconds 함수는 시, 분, 초가 10보다 작은 경우 01, 02가 아닌 1, 2 와 같이 한 자리로 표시된다는 것이다. 따라서 아래 스크린샷처럼 00:00:00 형식으로 표시되도록 조치를 취해주어야하는 것이 포인트이다. Log in 00:00:00 const clock = document.querySelector("h2#clock"); function getClock(){ //매초 시분초를 갱신 const date= new Date(); const hours = String(date.getHours()).padStart(2,"0"); const..

div.fruit h1[id=first] : class=fruit인 div중 h1의 id가 first인 쿼리 const h1=document.querySelector("div.fruit h1[id=first]"); handleTitleClick1, 2는 아래와 같은 역할을 동일하게 수행하는 코드이다. h1의 classList에 clicked class가 이미 있는지 확인 → 만약 있다면 clicked를 제거 → 없다면 clicked를 추가 toggle 함수는 handleTitleClick2 함수 내부의 코드 4줄과 동일한 역할을 한다. function handleTitleClick1(){ const clickedClass = "active"; if(h1.classList.contains(clickedCl..