<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="index.css" />
<title>Pas touche</title>
<style>
body
{
background-image: url(logos.jpg);
}
</style>
</head>
<body>
<!-- ETOILE POUR EQUIPES -->
<img src="http://imgur.com/puhagH1.png" id="wheel">
<br>
<img src="http://www.blimpage.com/pants/wheel_of_lunch_peg.svg" id="peg">
<br>
<button id="button">Etoile</button>
<!-- FIN ETOILE POUR LES EQUIPES -->
<!-- DEBUT DES GAGES -->
<img src="http://i.imgur.com/DHn3Wji.jpg" style="position:relative;top:-300px;left:350px;width:400px;height:400px;"id="wheel1">
<br>
<img src="http://www.blimpage.com/pants/wheel_of_lunch_peg.svg" id="peg1">
<br>
<button id="button1">Gages</button>
<script src="index2.js"></script>
<script type="text/javascript">
var wheel = document.querySelector("#wheel"),
button = document.querySelector("#button"),
rando = 0;
var spin_wheel = function () {
rando += (Math.random() * 360) + 2880;
wheel.style.webkitTransform = "rotate(" + rando + "deg)";
wheel.style.mozTransform = "rotate(" + rando + "deg)";
wheel.style.msTransform = "rotate(" + rando + "deg)";
wheel.style.transform = "rotate(" + rando + "deg)";
}
button.addEventListener("click", spin_wheel, false);
</script>
<!-- FIN DES GAGES -->
<!-- DEBUT DU PAS TOUCHE --><img src="http://imgur.com/QFDZqBV.png" style="position:relative;top:-720px;left:820px" id="wheel2"><br>
<img src="http://www.blimpage.com/pants/wheel_of_lunch_peg.svg" id="peg2"><br>
<button id="button2">Touche</button>
<javascript>
<script type="text/javascript">
var wheel2 = document.querySelector("#wheel2"),
button2 = document.querySelector("#button2"),
rando = 0;
var spin_wheel2 = function () {
rando += (Math.random() * 360) + 2880;
wheel2.style.webkitTransform = "rotate(" + rando + "deg)";
wheel2.style.mozTransform = "rotate(" + rando + "deg)";
wheel2.style.msTransform = "rotate(" + rando + "deg)";
wheel2.style.transform = "rotate(" + rando + "deg)";
}
button2.addEventListener("click", spin_wheel2, false);
</script>
</javascript>
<!-- FIN DU PAS TOUCHE -->
</body>
</html>