https://gablaxy.github.io/stellar_system/

스캔 ID:: 8cb39042-5c6b-41ed-bb75-5cd8df51999b완료
제출된 URL:: https://gablaxy.github.io/stellar_system/
보고서 완료:: 2024년 11월 25일 23:22:02

링크 · 0개 결과

페이지에서 식별된 외부 링크

JavaScript 변수 · 4개 결과

페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다

이름	유형
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
removePA	function

콘솔 로그 메시지 · 2개 결과

웹 콘솔에 기록된 메시지

유형	카테고리	로그
warning	other	텍스트 Error with Permissions-Policy header: Origin trial controlled feature not enabled: 'interest-cohort'.
error	network	URL https://gablaxy.github.io/favicon.ico 텍스트 Failed to load resource: the server responded with a status of 404 ()

HTML

페이지의 원시 HTML 본문

<!DOCTYPE html><html lang="en"><head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Stellar system</title>
        <link rel="stylesheet" href="./style/index.css">
        <link rel="stylesheet" href="./style/common.css">
    </head>
    <body>
        <div class="stars"></div>
        <div class="all">
                <div class="Soleil"></div>
                <div class="Mercure planete"></div>
                <div class="Venus planete"></div>
                <div class="Terre planete"></div>
                <div class="Mars planete"></div>
                <div class="Jupiter planete"></div>
                <div class="Saturne planete"></div>
                <div class="Uranus planete"></div>
                <div class="Neptune planete"></div>
        </div>
        <div class="menu">
            <h1>Menu</h1>
            <h3 id="nom_planete"></h3>
            <a href="" id="zoom_link"><button class="zoom">Zoom</button></a>
        </div>
        <script type="text/javascript">
            let planetes = document.querySelectorAll(".planete");
            let soleil = document.querySelector(".Soleil");
            let menu = document.querySelector(".menu");
            let zlink = document.getElementById("zoom_link");

            function removePA() {
                planetes.forEach(element => {
                    element.classList.remove("planete_active");
                });
            }

            // When the sun is clicked, the planets are no longer highlighted
            soleil.addEventListener("click", function(){
                removePA();
                menu.style.display = "block";
                document.getElementById("nom_planete").innerHTML = "Soleil";
            });

            planetes.forEach(element => {
                element.addEventListener("click", function(){
                    removePA();
                    menu.style.display = "block";
                    element.classList.add("planete_active");
                    document.getElementById("nom_planete").innerHTML = element.classList[0];
                    zlink.href = "./planetes/" + element.classList[0] + ".html";
                });
            });

            menu.addEventListener("click", function(){
                menu.style.display = "none";
                removePA();
            });

        

        </script>
    

</body></html>