<!DOCTYPE heml>
<html>
<head>
<meta charset="utf-8">
<title>test-webpage</title>
<link rel="stylesheet" type="text/css" herf="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>
<script src="https://cdnis.cloudflare.com/ajax/libs/Swiper/3.4.1/js/swiper.min.js"></script>
<h1>ゲームに飛ぶよー</h1>
<p id="shinkei">神経衰弱</p>
<p id="takara">宝探しゲーム</p>
<br>
<button onclick="location.href='https://www.yatex.org/gitbucket/j2223-sakura/concentration/pages/shinkei1.html'">onclick1</button>
<button onclick="location.href='https://www.yatex.org/gitbucket/j2223-sakura/JAXAtools/pages/GPS/index.html'">onclick2</button>
<div class="swiper-containar">
<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-nevt"></div>
</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");
clickErement.addEventListener("click",function(){
location.herf
"https://www.yatex.org/gitbucket/j2223-sakura/JAXAtools/pages/GPS/index.html";
},false);
</script>
<script>
var mySwioer = new Swiper('.swiper-container',{
efect: "slide",
loop: true,
autoplay: 5000,
pagination: '.swiper-pagination',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev'
})
</script>
</body>
</html>
