- スキャンID:
- 8cb39042-5c6b-41ed-bb75-5cd8df51999b終了
- 送信済みURL:
- https://gablaxy.github.io/stellar_system/
- レポート終了日:
リンク · 0件検出
ページから特定された発信リンク
JavaScript変数 · 4件検出
ページのウィンドウオブジェクトにロードされたグローバルのJavaScript変数は関数以外の場所で宣言された変数で、現在のスコープ内であればコードのどこからでもアクセス可能です
名前 | 規模 |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
removePA | function |
コンソールログメッセージ · 2件検出
Webコンソールにログ記録されたメッセージ
規模 | 分類 | ログ |
---|---|---|
warning | other |
|
error | network |
|
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>