Background Color Changer On Click | Javascript Mini Project

남자는 블랙핑크...크윽

See the Pen Background Color Changer On Click | Javascript Mini Project by ektjtthsrk (@minos79) on CodePen.

 

 

https://www.youtube.com/watch?v=TL9WjQfpQeg 

 

자바스크립트의 이벤트 리스너를 통해서 배경화면을 바꾸는 구문이다.

const btn = document.getElementById("btn");
let randomNum = () => {
  return Math.floor(Math.random()*256);			
};
let changeColor = () => {
  // console.log("function called");
  let randomColor = `rgb(${randomNum()},${randomNum()},${randomNum()})`;
  document.body.style.backgroundColor=randomColor;
  
};
btn.addEventListener("click", changeColor);
window.addEventListener("load", changeColor);

자바스크립트를 조금 설명하면 랜덤한 숫자를 1부터 256을 구해서 rgb색상을 구한다음 그걸 백그라운컬러에 입혀서 체인지 이벤트를 진행하는 것이다.

 

오늘도 맛있는 코드 냠냠