oss2024hnu / coursegraph-js

HTML5로 전공과목 정보 YAML 파일을 전공이수체계도나 표로 시각화하는 프로젝트
MIT License
3 stars 48 forks source link

필터링 기능 추가 #125

Closed leeseungho55 closed 3 months ago

leeseungho55 commented 3 months ago

이 기능은 그래프에 표시된 항목을 필터링하여 특정 항목만 표시하거나 감추는 것을 의미하며, 원하는 데이터만 확인 가능. 예를 들어, 사용자가 필터링할 항목을 선택하면 해당 항목만 그래프에 표시되도록 함.

// 예시 코드 document.getElementById('filterDropdown').addEventListener('change', function() { const selectedCategory = this.value; const nodes = document.querySelectorAll('.node');

nodes.forEach(node => {
    if (node.dataset.category === selectedCategory || selectedCategory === 'all') {
        node.style.display = 'block'; // 선택된 카테고리와 일치 혹은 선택된 경우 표시
    } else {
        node.style.display = 'none'; // 선택된 카테고리와 일치하지 않는 경우 숨김
    }
});

});

kyahnu commented 3 months ago

여러 개의 html 파일과 js 파일이 있는데 무슨 파일인지도 밝히지 않고 이렇게 알아보기 힘든 내용은 (저도 잘 모르겠으면 다른 학생들도 마찬가지일 것이라 보기 때문에) 반려합니다.