TIL : Javascript 기초 튜토리얼 + 노마드코더 강의

https://ko.javascript.info/

모던 JavaScript 튜토리얼

https://youtu.be/S4BN1tZmmWw

 

마우스 호버 시 때 글자 색 변화 자바스크립트

const title = document.querySelector("#title");

const BASE_COLOR = "rgb(255, 0, 0)";
const OTHER_COLOR = "#7f8c8d";

function handleClick() {
  const currentColor = title.style.color;  
  if (currentColor === BASE_COLOR) {
  title.style.color = OTHER_COLOR;  
  } else {
  title.style.color = BASE_COLOR;  
  }

}function init() {  
  title.style.color = BASE_COLOR;  
  title.addEventListener("mouseenter", handleClick);
}

init();

 

변수를 만들고 싶을 때

1. create (변수 생성=선언)

2. initialize 초기화(초기값 주기)

3. use 사용