본문 바로가기

순수자바스크립트3

[바닐라JS] className, ClassList, ClassList method 오늘의 공부🧒 점점 대충포스팅하는 느낌..ㅎㅎㅎ 나만 알아보면 ...괜찮지 뭐....ㅎㅎ title click했을때 색이 변하는 부분을 구현 See the Pen LYbVLNv by 영은 (@axrwviqz) on CodePen. 2021. 2. 2.
[바닐라JS] addEventListener() 함수의 실행 이벤트 오늘의 공부😎 addEventListener은 이벤트를 등록하는 방법이고, 이 방법을 사용하게 되면 여러개의 이밴트를 이벤트핸들러에 등록이 가능하다 단 IE8에서는 호환되지 않는다(attachEvent 사용해야한다) const title = document.querySelector("#title"); function handleClick(){ title.style.color = "red" } title.addEventListener("click",handleClick); // 즉시 handleClick 함수 실행 title.addEventListener("click",handleClick); // title을 클릭했을때 handleClick 함수 실행 기초적인 사용방법은 위와 같다 2021. 2. 2.
[바닐라JS] 배열 array , object 오늘의 공부😎 배열은 연관된 데이터를 모아서 하나로 관리하기 위한 데이터 타입! 배열안에 배열을 넣을 수도 있고, object를 array안에 넣을 수 있음 const는 지난번 스터디에서 배웠듯, youngniiiInfo는 상수여서 변수가 변경이 안되지만 배열 내 object들은 값 변경이 가능! const youngniiiInfo = { name : 'young_niii', age : 9, gender : 'female', favFood :[ { name : 'burger', koreaTradition : false }, { name : 'kimchi', koreaTradition : true } ] } youngniiiInfo.gender = 'Male' youngniiiInfo = {'a','b',.. 2021. 1. 29.

티스토리툴바