자바스크립트 배열 실습문제 - push, outerHTML

자바스크립트 배열 실습문제 - push, outerHTML

Insert title here 배열 실습 문제 3 문제5. 다음 보기의 그림을 클릭하면 그림이 사라지고 그림을 모두 클릭하면 클릭한 순서대로 그림이 나올수 있도록 만들어라. (힌트 : 태그 자체를 가져올때에는 outerHTML을 사용하면 됨) .divss { float: left; } 보기 var clicked = new Array(5); var count = 0; //클릭수 체크를 위한 변수 var result = ""; //누적을 위한 변수 function clickDiv(color){ // console.log(color); // console.log(document.getElementById(color).outerHTML); //outerHTML -> 적혀있는 태그가 넘어온다 clicked[count] = document.getElementById(color); clicked[count].style.display = "none"; count++; // console.log(count); if(count == 5){ for(var i = 0; i < 5; i++){ clicked[i].style.display = "block"; //여기까지만 하면 속성값만 블럭으로 바꾼 것 result += clicked[i].outerHTML; //result 변수에 각각의 div 태그를 쌓아준다 } //이제 보이게 하려면 for문에서 누적된 div를 넣어준다. document.getElementById("div5").innerHTML = result; //result, count 초기화 해주어 반복할 수 있게 해준다. result=""; count=0; } }

from http://roqkfgksmsdbstn.tistory.com/113 by ccl(A) rewrite - 2021-09-11 02:01:21