diff --git a/yuto/quiz/csvload.js b/yuto/quiz/csvload.js index 66e1386..ca68ea6 100644 --- a/yuto/quiz/csvload.js +++ b/yuto/quiz/csvload.js @@ -1,10 +1,11 @@ +/* //GASのAPIのURL var endpoint = "https://script.google.com/macros/s/AKfycbwGy_ohKubQtJyGjzpJ_ggpIGaN6n1VtM3KS1d7RiSomG0icZkqxCDb9Pbnf2RADe1Z/exec"; //APIを使って非同期データを取得する fetch(endpoint) .then(response => response.json()) -/*成功した処理*/ +//成功した処理 .then(data => { console.log(JSON.stringify(data, null, 2)); console.log(json2csv(data)); @@ -62,9 +63,11 @@ return header + body; } +*/ +//解答がaのとき function judgeA() { - const choiceA = document.getElementById("__a__").value; + var choiceA = document.getElementById("__a__").value; var answer = document.getElementById("__answer__"); if (choiceA == answer.textContent) { document.getElementById("result").innerHTML = "正解!!"; @@ -75,9 +78,9 @@ document.getElementById("result").setAttribute("class", "incorrect"); } } - +//解答がbのとき function judgeB() { - const choiceB = document.getElementById("__b__").value; + var choiceB = document.getElementById("__b__").value; var answer = document.getElementById("__answer__"); if (choiceB == answer.textContent) { document.getElementById("result").innerHTML = "正解!!"; @@ -88,9 +91,9 @@ document.getElementById("result").setAttribute("class", "incorrect"); } } - +//解答がcのとき function judgeC() { - const choiceC = document.getElementById("__c__").value; + var choiceC = document.getElementById("__c__").value; var answer = document.getElementById("__answer__"); if (choiceC == answer.textContent) { document.getElementById("result").innerHTML = "正解!!"; @@ -101,26 +104,46 @@ document.getElementById("result").setAttribute("class", "incorrect"); } } - -document.addEventListener("DOMContentLoaded", ()=>{ - document.getElementById("torii").addEventListener("click", (e) => { - document.getElementById("model").setAttribute("src", "../../ren/sisaku.html"); - document.getElementById("__quiz__").innerHTML = "鳥居の色は何色?"; - document.getElementById("__a__").innerHTML = "赤"; - document.getElementById("__b__").innerHTML = "青"; - document.getElementById("__c__").innerHTML = "黄"; - document.getElementById("result").innerHTML = " "; - document.getElementById("__answer__").innerHTML = "a"; - document.getElementById("image1").setAttribute("src", "../image/img.png"); - }, false); - document.getElementById("koeki").addEventListener("click", (e) => { - document.getElementById("model").setAttribute("src", "../../tsubasa/blender_three.js/index.html"); - document.getElementById("__quiz__").innerHTML = "階段は何ヶ所あるか?"; - document.getElementById("__a__").innerHTML = "0ヶ所"; - document.getElementById("__b__").innerHTML = "1ヶ所"; - document.getElementById("__c__").innerHTML = "2ヶ所"; - document.getElementById("result").innerHTML = " "; - document.getElementById("__answer__").innerHTML = "b"; - document.getElementById("image1").setAttribute("src", "../image/img.png"); - }, false); -}); \ No newline at end of file +//選択肢のボタンがクリックされたときの処理 +document.addEventListener("DOMContentLoaded", function(e){ + document.getElementById("__a__").addEventListener("click", judgeA); + document.getElementById("__b__").addEventListener("click", judgeB); + document.getElementById("__c__").addEventListener("click", judgeC); +}); +//湯殿山神社大鳥居の情報に切り替わる +function torii(e){ + document.getElementById("model").setAttribute("src", "torii.html"); + document.getElementById("__quiz__").innerHTML = "鳥居の色は何色?"; + document.getElementById("__a__").innerHTML = "赤"; + document.getElementById("__b__").innerHTML = "青"; + document.getElementById("__c__").innerHTML = "黄"; + document.getElementById("result").innerHTML = " "; + document.getElementById("__answer__").innerHTML = "a"; + document.getElementById("image1").setAttribute("src", "../image/img.png"); +} +//東北公益文科大学の情報に切り替わる +function koeki(e){ + document.getElementById("model").setAttribute("src", "koeki.html"); + document.getElementById("__quiz__").innerHTML = "階段は何ヶ所あるか?"; + document.getElementById("__a__").innerHTML = "0ヶ所"; + document.getElementById("__b__").innerHTML = "1ヶ所"; + document.getElementById("__c__").innerHTML = "2ヶ所"; + document.getElementById("result").innerHTML = " "; + document.getElementById("__answer__").innerHTML = "b"; + document.getElementById("image1").setAttribute("src", "../image/img.png"); +} +//Leafletでの処理 +function init(){ + //地図を表示するdiv要素のidを設定 + var map = L.map('mapcontainer',{zoomControl:false}); + //座標の指定 + var mpoint = [38.7482, 139.9058]; + //地図の中心とズームレベルを指定 + map.setView(mpoint, 10); + //表示するタイルレイヤのURLとAttributionコントロールの記述を設定して、地図に追加する + L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { + attribution: '© OpenStreetMap contributors,' + }).addTo(map); + L.marker([38.5402753, 139.9758235],{title:"湯殿山神社大鳥居"}).addTo(map).on("click", function(e){torii(e);}); + L.marker([38.89327,139.8188],{title:"東北公益文科大学"}).addTo(map).on("click", function(e){koeki(e);});; +} \ No newline at end of file