unknown
5 years ago
parent
442e01b025
commit
c59e8ba20f
@ -0,0 +1,89 @@
|
|||||||
|
body {
|
||||||
|
background-color: purple;
|
||||||
|
color:white;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cbleu >div{
|
||||||
|
background-color: blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cvert >div{
|
||||||
|
background-color: green;
|
||||||
|
}
|
||||||
|
|
||||||
|
.corange >div{
|
||||||
|
background-color: orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cviolet >div{
|
||||||
|
background-color: purple;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cercle {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
border-radius: 10px;
|
||||||
|
margin: auto;
|
||||||
|
margin-top: 25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bague {
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin: auto;
|
||||||
|
position: relative;
|
||||||
|
margin-top: 13%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bague-inté {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background-color: #bbada0;
|
||||||
|
position: absolute;
|
||||||
|
margin: auto;
|
||||||
|
top : 17%;
|
||||||
|
left: 17%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.game-container {
|
||||||
|
margin-top: 40px;
|
||||||
|
position: relative;
|
||||||
|
padding: 15px;
|
||||||
|
cursor: default;
|
||||||
|
-moz-user-select:none;
|
||||||
|
background: #bbada0;
|
||||||
|
border-radius: 15px;
|
||||||
|
width: 160px;
|
||||||
|
height: 225px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-container {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-row {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-cell {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
margin-right: 5px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
float: left;
|
||||||
|
border-radius: 15px;
|
||||||
|
background: rgba(238, 228, 218, 0.35);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,398 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>666</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/style.css">
|
||||||
|
<script type="text/javascript" src="js/main.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!--=== DESIGN CARD ===-->
|
||||||
|
<div onclick="ajoutercarte('maCarte1')" class="container">
|
||||||
|
<div id="maCarte1" class="game-container">
|
||||||
|
<div class="grid-container">
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card1 num1" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card1 num2" class="grid-cell cvert">
|
||||||
|
<!--<div id="bague">
|
||||||
|
<div id="bague-inté"></div>
|
||||||
|
</div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card1 num3" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card1 num4" class="grid-cell corange"></div>
|
||||||
|
<div id="card1 num5" class="grid-cell cviolet">
|
||||||
|
<!--<div id="cercle"></div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card1 num6" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card1 num7" class="grid-cell corange"></div>
|
||||||
|
<div id="card1 num8" class="grid-cell cviolet"></div>
|
||||||
|
<div id="card1 num9" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card1 num10" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card1 num11" class="grid-cell cvert"></div>
|
||||||
|
<div id="card1 num12" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div onclick="ajoutercarte('maCarte2')" class="container">
|
||||||
|
<div id="maCarte2" class="game-container">
|
||||||
|
<div class="grid-container">
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card2 num1" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card2 num2" class="grid-cell cvert">
|
||||||
|
<!--<div id="bague">
|
||||||
|
<div id="bague-inté"></div>
|
||||||
|
</div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card2 num3" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card2 num4" class="grid-cell corange"></div>
|
||||||
|
<div id="card2 num5" class="grid-cell cviolet">
|
||||||
|
<!--<div id="cercle"></div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card2 num6" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card2 num7" class="grid-cell corange"></div>
|
||||||
|
<div id="card2 num8" class="grid-cell cviolet"></div>
|
||||||
|
<div id="card2 num9" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card2 num10" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card2 num11" class="grid-cell cvert"></div>
|
||||||
|
<div id="card2 num12" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div onclick="ajoutercarte('maCarte3')" class="container">
|
||||||
|
<div id="maCarte3" class="game-container">
|
||||||
|
<div class="grid-container">
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card3 num1" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card3 num2" class="grid-cell cvert">
|
||||||
|
<!--<div id="bague">
|
||||||
|
<div id="bague-inté"></div>
|
||||||
|
</div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card3 num3" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card3 num4" class="grid-cell corange"></div>
|
||||||
|
<div id="card3 num5" class="grid-cell cviolet">
|
||||||
|
<!--<div id="cercle"></div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card3 num6" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card3 num7" class="grid-cell corange"></div>
|
||||||
|
<div id="card3 num8" class="grid-cell cviolet"></div>
|
||||||
|
<div id="card3 num9" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card3 num10" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card3 num11" class="grid-cell cvert"></div>
|
||||||
|
<div id="card3 num12" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div onclick="ajoutercarte('maCarte4')" class="container">
|
||||||
|
<div id="maCarte4" class="game-container">
|
||||||
|
<div class="grid-container">
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card4 num1" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card4 num2" class="grid-cell cvert">
|
||||||
|
<!--<div id="bague">
|
||||||
|
<div id="bague-inté"></div>
|
||||||
|
</div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card4 num3" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card4 num4" class="grid-cell corange"></div>
|
||||||
|
<div id="card4 num5" class="grid-cell cviolet">
|
||||||
|
<!--<div id="cercle"></div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card4 num6" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card4 num7" class="grid-cell corange"></div>
|
||||||
|
<div id="card4 num8" class="grid-cell cviolet"></div>
|
||||||
|
<div id="card4 num9" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card4 num10" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card4 num11" class="grid-cell cvert"></div>
|
||||||
|
<div id="card4 num12" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div onclick="ajoutercarte('maCarte5')" class="container">
|
||||||
|
<div id="maCarte5" class="game-container">
|
||||||
|
<div class="grid-container">
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card5 num1" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card5 num2" class="grid-cell cvert">
|
||||||
|
<!--<div id="bague">
|
||||||
|
<div id="bague-inté"></div>
|
||||||
|
</div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card5 num3" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card5 num4" class="grid-cell corange"></div>
|
||||||
|
<div id="card5 num5" class="grid-cell cviolet">
|
||||||
|
<!--<div id="cercle"></div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card5 num6" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card5 num7" class="grid-cell corange"></div>
|
||||||
|
<div id="card5 num8" class="grid-cell cviolet"></div>
|
||||||
|
<div id="card5 num9" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card5 num10" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card5 num11" class="grid-cell cvert"></div>
|
||||||
|
<div id="card5 num12" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div onclick="ajoutercarte('maCarte6')" class="container">
|
||||||
|
<div id="maCarte6" class="game-container">
|
||||||
|
<div class="grid-container">
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card6 num1" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card6 num2" class="grid-cell cvert">
|
||||||
|
<!--<div id="bague">
|
||||||
|
<div id="bague-inté"></div>
|
||||||
|
</div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card6 num3" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card6 num4" class="grid-cell corange"></div>
|
||||||
|
<div id="card6 num5" class="grid-cell cviolet">
|
||||||
|
<!--<div id="cercle"></div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card6 num6" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card6 num7" class="grid-cell corange"></div>
|
||||||
|
<div id="card6 num8" class="grid-cell cviolet"></div>
|
||||||
|
<div id="card6 num9" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card6 num10" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card6 num11" class="grid-cell cvert"></div>
|
||||||
|
<div id="card6 num12" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div onclick="ajoutercarte('maCarte7')" class="container">
|
||||||
|
<div id="maCarte7" class="game-container">
|
||||||
|
<div class="grid-container">
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card7 num1" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card7 num2" class="grid-cell cvert">
|
||||||
|
<!--<div id="bague">
|
||||||
|
<div id="bague-inté"></div>
|
||||||
|
</div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card7 num3" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card7 num4" class="grid-cell corange"></div>
|
||||||
|
<div id="card7 num5" class="grid-cell cviolet">
|
||||||
|
<!--<div id="cercle"></div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card7 num6" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card7 num7" class="grid-cell corange"></div>
|
||||||
|
<div id="card7 num8" class="grid-cell cviolet"></div>
|
||||||
|
<div id="card7 num9" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card7 num10" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card7 num11" class="grid-cell cvert"></div>
|
||||||
|
<div id="card7 num12" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div onclick="ajoutercarte('maCarte8')" class="container">
|
||||||
|
<div id="maCarte8" class="game-container">
|
||||||
|
<div class="grid-container">
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card8 num1" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card8 num2" class="grid-cell cvert">
|
||||||
|
<!--<div id="bague">
|
||||||
|
<div id="bague-inté"></div>
|
||||||
|
</div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card8 num3" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card8 num4" class="grid-cell corange"></div>
|
||||||
|
<div id="card8 num5" class="grid-cell cviolet">
|
||||||
|
<!--<div id="cercle"></div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card8 num6" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card8 num7" class="grid-cell corange"></div>
|
||||||
|
<div id="card8 num8" class="grid-cell cviolet"></div>
|
||||||
|
<div id="card8 num9" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card8 num10" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card8 num11" class="grid-cell cvert"></div>
|
||||||
|
<div id="card8 num12" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div onclick="ajoutercarte('maCarte9')" class="container">
|
||||||
|
<div id="maCarte9" class="game-container">
|
||||||
|
<div class="grid-container">
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card9 num1" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card9 num2" class="grid-cell cvert">
|
||||||
|
<!--<div id="bague">
|
||||||
|
<div id="bague-inté"></div>
|
||||||
|
</div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card9 num3" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card9 num4" class="grid-cell corange"></div>
|
||||||
|
<div id="card9 num5" class="grid-cell cviolet">
|
||||||
|
<!--<div id="cercle"></div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card9 num6" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card9 num7" class="grid-cell corange"></div>
|
||||||
|
<div id="card9 num8" class="grid-cell cviolet"></div>
|
||||||
|
<div id="card9 num9" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card9 num10" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card9 num11" class="grid-cell cvert"></div>
|
||||||
|
<div id="card9 num12" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div onclick="ajoutercarte('maCarte10')" class="container">
|
||||||
|
<div id="maCarte10" class="game-container">
|
||||||
|
<div class="grid-container">
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card10 num1" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card10 num2" class="grid-cell cvert">
|
||||||
|
<!--<div id="bague">
|
||||||
|
<div id="bague-inté"></div>
|
||||||
|
</div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card10 num3" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card10 num4" class="grid-cell corange"></div>
|
||||||
|
<div id="card10 num5" class="grid-cell cviolet">
|
||||||
|
<!--<div id="cercle"></div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card10 num6" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card10 num7" class="grid-cell corange"></div>
|
||||||
|
<div id="card10 num8" class="grid-cell cviolet"></div>
|
||||||
|
<div id="card10 num9" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card10 num10" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card10 num11" class="grid-cell cvert"></div>
|
||||||
|
<div id="card10 num12" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div onclick="ajoutercarte('maCarte11')" class="container">
|
||||||
|
<div id="maCarte11" class="game-container">
|
||||||
|
<div class="grid-container">
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card11 num1" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card11 num2" class="grid-cell cvert">
|
||||||
|
<!--<div id="bague">
|
||||||
|
<div id="bague-inté"></div>
|
||||||
|
</div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card11 num3" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card11 num4" class="grid-cell corange"></div>
|
||||||
|
<div id="card11 num5" class="grid-cell cviolet">
|
||||||
|
<!--<div id="cercle"></div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card11 num6" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card11 num7" class="grid-cell corange"></div>
|
||||||
|
<div id="card11 num8" class="grid-cell cviolet"></div>
|
||||||
|
<div id="card11 num9" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card11 num10" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card11 num11" class="grid-cell cvert"></div>
|
||||||
|
<div id="card11 num12" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div onclick="ajoutercarte('maCarte12')" class="container">
|
||||||
|
<div id="maCarte12" class="game-container">
|
||||||
|
<div class="grid-container">
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card12 num1" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card12 num2" class="grid-cell cvert">
|
||||||
|
<!--<div id="bague">
|
||||||
|
<div id="bague-inté"></div>
|
||||||
|
</div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card12 num3" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card12 num4" class="grid-cell corange"></div>
|
||||||
|
<div id="card12 num5" class="grid-cell cviolet">
|
||||||
|
<!--<div id="cercle"></div>-->
|
||||||
|
</div>
|
||||||
|
<div id="card12 num6" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card12 num7" class="grid-cell corange"></div>
|
||||||
|
<div id="card12 num8" class="grid-cell cviolet"></div>
|
||||||
|
<div id="card12 num9" class="grid-cell corange"></div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-row">
|
||||||
|
<div id="card12 num10" class="grid-cell cbleu"></div>
|
||||||
|
<div id="card12 num11" class="grid-cell cvert"></div>
|
||||||
|
<div id="card12 num12" class="grid-cell cbleu"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,187 @@
|
|||||||
|
//1 = rond
|
||||||
|
//-1 = anneau
|
||||||
|
|
||||||
|
var carte = [//violet
|
||||||
|
"000010020000",
|
||||||
|
"000010010000",
|
||||||
|
//verte
|
||||||
|
"010000000020",
|
||||||
|
"020000000010",
|
||||||
|
//orange
|
||||||
|
"000201000000",
|
||||||
|
"000201000000",
|
||||||
|
"000002100000",
|
||||||
|
"000002100000",
|
||||||
|
"000002001000",
|
||||||
|
"000002001000",
|
||||||
|
//bleu
|
||||||
|
"200000000100",
|
||||||
|
"200000000100",
|
||||||
|
"100000000002",
|
||||||
|
"100000000002",
|
||||||
|
"201000000000",
|
||||||
|
"201000000000",
|
||||||
|
//vert orange
|
||||||
|
"000001000020",
|
||||||
|
"010000002000",
|
||||||
|
"010002000000",
|
||||||
|
"010002000000",
|
||||||
|
"020001000000",
|
||||||
|
"020001000000",
|
||||||
|
//bleu violet
|
||||||
|
"002000010000",
|
||||||
|
"000020000100",
|
||||||
|
"000000010200",
|
||||||
|
"000000010200",
|
||||||
|
"000000020100",
|
||||||
|
"000000020100",
|
||||||
|
//bleu vert
|
||||||
|
"000000000210",
|
||||||
|
"000000000021",
|
||||||
|
"001000000020",
|
||||||
|
"001000000020",
|
||||||
|
"002000000010",
|
||||||
|
"002000000010",
|
||||||
|
//violet orange
|
||||||
|
"000010002000",
|
||||||
|
"000100020000",
|
||||||
|
"000000012000",
|
||||||
|
"000000012000",
|
||||||
|
"000000120000",
|
||||||
|
"000000120000",
|
||||||
|
//violet vert
|
||||||
|
"010000020000",
|
||||||
|
"010000020000",
|
||||||
|
"020010000000",
|
||||||
|
"020010000000",
|
||||||
|
"010020000000",
|
||||||
|
"010020000000",
|
||||||
|
"000010000020",
|
||||||
|
"000010000020",
|
||||||
|
//orange bleu
|
||||||
|
"002000001000",
|
||||||
|
"002000001000",
|
||||||
|
"000200000100",
|
||||||
|
"000200000100",
|
||||||
|
"200001000000",
|
||||||
|
"200001000000",
|
||||||
|
"001200000000",
|
||||||
|
"001200000000",
|
||||||
|
"001002000000",
|
||||||
|
"002001000000",
|
||||||
|
"000200000001",
|
||||||
|
"000100000002"];
|
||||||
|
|
||||||
|
var carteselect = 0;
|
||||||
|
var cartesAffiches = [];
|
||||||
|
var cartesSelect = [];
|
||||||
|
|
||||||
|
//fonction au lancement
|
||||||
|
window.onload = function() {
|
||||||
|
//partie tirage au sort
|
||||||
|
for(var i=1; i<=12;i++){
|
||||||
|
var ale = Math.floor(Math.random() * Math.floor(60));
|
||||||
|
ale = ale +1;
|
||||||
|
var nomcarte = carte+i;
|
||||||
|
var macarte = carte[ale-1];
|
||||||
|
cartesAffiches.push(macarte);
|
||||||
|
generationcarte("card"+i,macarte);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
function generationcarte (cartenum, nbcarte) {
|
||||||
|
for(var i=0; i<12; i++) {
|
||||||
|
if(nbcarte[i] == 1 || nbcarte[i] == 2)
|
||||||
|
{
|
||||||
|
if(nbcarte[i] == 1){
|
||||||
|
var p = document.getElementById(cartenum+" num"+ (i+1));
|
||||||
|
var e=document.createElement("div");
|
||||||
|
e.setAttribute("id","cercle");
|
||||||
|
p.appendChild(e);
|
||||||
|
}
|
||||||
|
if(nbcarte[i] == 2){
|
||||||
|
var p = document.getElementById(cartenum+" num"+ (i+1));
|
||||||
|
var e=document.createElement("div");
|
||||||
|
var f=document.createElement("div");
|
||||||
|
e.setAttribute("id","bague");
|
||||||
|
f.setAttribute("id","bague-inté")
|
||||||
|
e.appendChild(f);
|
||||||
|
p.appendChild(e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function ajoutercarte(carte) {
|
||||||
|
var lacarte = document.getElementById(carte);
|
||||||
|
if(lacarte.style.backgroundColor == "red")
|
||||||
|
{
|
||||||
|
lacarte.style.backgroundColor = "#bbada0";
|
||||||
|
carteselect = carteselect-1;
|
||||||
|
//suppression dans les cartes select
|
||||||
|
var pos = cartesSelect.indexOf(carte);
|
||||||
|
cartesSelect.splice(pos,1);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
if(carteselect == 5)
|
||||||
|
alert("non");
|
||||||
|
else {
|
||||||
|
lacarte.style.backgroundColor = "red";
|
||||||
|
carteselect = carteselect +1;
|
||||||
|
//ajout dans les cartes select
|
||||||
|
cartesSelect.push(carte);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function verification(carte1, carte2){
|
||||||
|
var carte2_1 = carte2[2]+carte2[1]+carte2[0]+carte2[5]+carte2[4]+carte2[3]+carte2[8]+carte2[7]+carte2[6]+carte2[11]+carte2[10]+carte2[9];
|
||||||
|
var carte2_2 = carte2[9]+carte2[10]+carte2[11]+carte2[6]+carte2[7]+carte2[8]+carte2[3]+carte2[4]+carte2[5]+carte2[0]+carte2[1]+carte2[2];
|
||||||
|
var carte2_3 = carte2[11]+carte2[10]+carte2[9]+carte2[8]+carte2[7]+carte2[6]+carte2[5]+carte2[4]+carte2[3]+carte2[2]+carte2[1]+carte2[0];
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
=== POSSIBILITE ===
|
||||||
|
|
||||||
|
123 | 321
|
||||||
|
456 | 654
|
||||||
|
789 | 987
|
||||||
|
ABC | CBA
|
||||||
|
---------
|
||||||
|
ABC | CBA
|
||||||
|
789 | 987
|
||||||
|
456 | 654
|
||||||
|
123 | 321
|
||||||
|
|
||||||
|
=== DEROULEMENT ALGO ===
|
||||||
|
|
||||||
|
3cartes et +
|
||||||
|
>Comparer carte1 et carte2
|
||||||
|
==> poser une carte 1 sans la toucher
|
||||||
|
==> Superposer la carte2 et essayer les 4 cas
|
||||||
|
*** SI BON
|
||||||
|
Ajouter la carte3+ et la superposer dans tt les cas
|
||||||
|
==> Vérifier qu'il y ait que des 3 || 0
|
||||||
|
*** SI PAS BON
|
||||||
|
Stoper le jeu
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Loading…
Reference in new issue