querySelector는 특정 요소 하나만 선택하고

querySelectorAll는 해당하는 모든 요소를 선택함

 

querySelector에 addEventListener를 하면 오류가 안나지만

querySelectorAlladdEventListener할 경우 오류남

 

 

참고로 querySelectorAll 로 select를 검색했을 때

이렇게 보여짐(객체 반환)

 

 

해결 방법

- 반복문 사용

const allSelect = document.querySelectorAll("#joinForm select");
for(let i = 0; i < allSelect.length; i++){
    allSelect[i].addEventListener("change", function(event){
        const value = event.target.value;
        let optionArr = new Array();
        optionArr.push(value);
        console.log(optionArr);
    })
}

이렇게 해봤는데 클릭할 때 마다 배열에 클릭한 값만 들어감.. 

줄줄이 넣고 싶은데.. 고민중.. 

'개발 > js & jquery' 카테고리의 다른 글

[Javascript] 변수안에 함수 넣기  (0) 2022.09.30
[javascript] FullCalendar  (0) 2022.09.20
[javascript] 배열 내 최대, 최솟값 구하기  (0) 2022.09.07
[javascript] 배열 내장함수  (0) 2022.05.16
let numbers = [10, 20, 3, 16, 45];
let max = min = numbers[0];

console.log(max);
console.log(min);

numbers.forEach(function(number){
    if(number > max){
        max = number;
    }
    if(number < min){
        min = number;
    }

});
console.log(max, min);

 

이렇게 작성하면 코드도 길고 가독성도 떨어지기 때문에

 Math.max, Math.min 메소드에 apply를 사용

 

let numbers = [10, 20, 3, 16, 45];
let max = Math.max.apply(null, numbers);
let min = Math.min.apply(null, numbers);

console.log(max, min);
옆에 조그맣게 나오는 거 너무 귀엽


휴가 일주일 다녀왔더니 통풍도 안되고 습해서
라울은 과습 때문에 줄기가 썩어버렸다ㅠ..
자르고 멀쩡한 애들만 남겨뒀다
급 쪼그매졌네.. 슬프ㄷ ㅏ

모야 이거 넘 들쭉날쭉혀

아악무도 큰 곳에 분갈이 해줬었는데 유약분이라
흙 안이 계속 축축해서 과습…
어쩐지 잎을 계속 떨구더니ㅠ 작아졌다..

옵투샤도 잎이 자꾸 노래져서 뒤집어보니까
걍 흙이 돌멩이처럼 굳어있음
🫠


분갈이하고 다시 배치!

'다육' 카테고리의 다른 글

07/17 식물일기  (0) 2022.07.17
07/10 식물일기  (0) 2022.07.10
06/09 식물일기  (0) 2022.06.09
05/06 식물일기  (1) 2022.05.06


우리집에 새로운 다육이가 왔ㄷ ㅏ
잎이 통실통실해서 귀여움

엄마가 데려온 다육이


예쁘구만!

'다육' 카테고리의 다른 글

08/06 식물일기  (0) 2022.08.06
07/10 식물일기  (0) 2022.07.10
06/09 식물일기  (0) 2022.06.09
05/06 식물일기  (1) 2022.05.06
살구미인금이랑 라울 분갈이!
통통해진 잎 귀엽다

'다육' 카테고리의 다른 글

08/06 식물일기  (0) 2022.08.06
07/17 식물일기  (0) 2022.07.17
06/09 식물일기  (0) 2022.06.09
05/06 식물일기  (1) 2022.05.06

+ Recent posts