어제에 이어 버튼을 누르면 그 부분만 색이 변하는 js에 대해서 고민중이다.아무래도 js에 대한 이해가 더 필요할 것 같다. 이 문제는 챌린지 기간 내에 제출하는 문제를 넘어서서 나중에라도 구현할 수 있도록 계속 고민해봐야겠다.
일단 버튼을 눌렀을 때 다른 버튼들은 해제되고 클릭한 버튼만 색이 들어오게 하고 싶다.
function activate(name) {
document.querySelectorAll('button').classList.remove(".active"); document.querySelector(name).classList.toggle('active')};
이렇게 짰는데 작동이 안된다... 이유가 있을 것 같다.
어떤 특정 버튼을 누를 때 특정 아이디 안의 모든 요소에 active class가 remove되게 할 수는 없을까?
아무래도 순차실행이 문제인 것 같은데 어떻게 고쳐야 할 지 감이 안온다.
JS를 직접 실행해보면서 공부하였지만 각종 개발 관련 용어들은 모르기 때문에 검색하더라도 얻을 수 있는 정보에 한계가 있다.
순차실행에는 async나 await등이 있는 모양인데 검색해서 나온 코드들의 어떤 부분에 변수를 넣어야하는지 어떤 부분은 건드리면 안되는 건지 전혀 감이 안온다. 각 줄이 무엇을 의미하는 지 모른다는게 제일 심한 문제인 것 같다.
내일은 동영상 강의라도 찾아보면서 이 순차실행에 대해서 고민해봐야겠다.