<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test-webpage</title>
<link rel="stylesheet" type="text/css" href="first.css">
<script type="text/javascript"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.1/css/swiper.min.css">
</head>
<body>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="hokkaidou.jpg" alt=""></div>
<div class="swiper-slide"><img src="matuya.jpg" alt=""></div>
<div class="swiper-slide"><img src="koshinoya.jpg" alt=""></div>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.1/js/swiper.min.js"></script>
<h1>ゲームやマップを使ってみてね</h1>
<p id="shinkei">神経衰弱ゲームでお店とお店の名前を知ろう</p>
<p id="takara">GPS宝探しゲームで商店街を歩いてみよう</p>
<p id="umap">お店マップで気になるお店を見つけよう</p>
<br>
<div class="idou">
<ul class = game>
<li><a class = "game1" href = "https://www.yatex.org/gitbucket/j2223-sakura/concentration/pages/shinkei1.html">神経衰弱ゲーム</a></li>
<li><a class = "game2" href = "https://www.yatex.org/gitbucket/j2223-sakura/JAXAtools/pages/GPS/index.html">GPS宝探しゲーム</a></li>
<li><a class = "map" href = "https://www.yatex.org/gitbucket/j2223-sakura/2024a/pages/map.html">お店マップ</a></li>
</ul>
</div>
<script>
var clickElement = document.getElementById("shinkei");
clickElement.addEventListener("click", function() {
location.href =
"https://www.yatex.org/gitbucket/j2223-sakura/concentration/pages/shinkei1.html";
},false);
</script>
<script>
var clickElement = document.getElementById("takara");
clickElement.addEventListener("click",function(){
location.herf
"https://www.yatex.org/gitbucket/j2223-sakura/JAXAtools/pages/GPS/index.html";
},false);
</script>
<script>
var clickElement = document.getElementById("umap");
clickElement.addEventListener("click",function(){
location.herf
"http://u.osmfr.org/m/896534/";
},false);
</script>
<script>
var mySwiper = new Swiper('.swiper-container',{
effect: "slide",
loop: true,
autoplay: 5000,
pagination: '.swiper-pagination',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
})
</script>
</body>
</html>
