Merge branch 'main' of https://git.etud.insa-toulouse.fr/bocquel/Projet_JS

rien
2024-12-10 14:16:53 +01:00 · 2024-12-10 14:16:53 +01:00 · 7017e3e673
commit 7017e3e673
parent 99139f619d 0b5cc81150
9 changed files with 126 additions and 5 deletions
--- a/TODO.txt
+++ b/TODO.txt
@ -0,0 +1 @@
+younes: final chrono , pop up cookie , centrer ligne , animation pop up
--- a/case_deux.png
+++ b/case_deux.png
--- a/case_mine.png
+++ b/case_mine.png
--- a/case_trois.png
+++ b/case_trois.png
--- a/case_un.png
+++ b/case_un.png
--- a/case_vide.png
+++ b/case_vide.png
--- a/demineur.html
+++ b/demineur.html
@ -4,15 +4,34 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Démineur</title>
+    <link rel="stylesheet" href="style.css">
+    <script src="demineur.js"></script> 
 </head>
-<body>
-<div id="div_nav_demineur">
+<body id="body_demineur">
+
    <nav id="nav_demineur"> 
+        <div class="item_nav">
        <a href="main.html">Home</a> 
+    </div>
+    <div class="item_nav">
        <a href="https://demineur.nhtdev.com/fr/rules">Help</a>  
-        Temps:   
+    </div>
+    
+    <div class="item_nav">    
+    Temps:
+    <input id="temps" type="number" value="000" disabled>
+    </div> 
+
+<div class="item_nav">  
        Mines restantes:10
+    </div>
    </nav>   
-</div>
+
+    <div id="jeu">ICI se retourve le jeu</div>
+<button id="debut_game" onclick="chrono()">GO!</button>
+<button id="fin_game" onclick="reset()">CIAO</button>
+
+
+
 </body>
-</html>
+</html>
--- a/demineur.js
+++ b/demineur.js
@ -0,0 +1,65 @@
+class Case {
+    constructor(x, y) {
+	this.posX = x;
+	this.posy = y;
+	this.isMine = false;
+	this.number = 0;
+	this.hidden = true;
+    }
+
+    get imageName() {
+	return this.getImageName();
+    }
+    
+}
+function sleep(ms){
+	return new Promise(resolve => setTimeout(resolve, ms));
+}
+async function chrono(){
+	let k=document.getElementById("temps").value;
+	const myButton = document.getElementById("fin_game");
+	let arret=0;
+	myButton.addEventListener("click",() =>{arret=1;})
+	
+	while(arret==!1) {
+	await sleep(1000);
+	if (arret==!1){
+	document.getElementById("temps").value=document.getElementById("temps").value*1+1;
+	
+}
+}
+}
+async function reset(){
+	
+	document.getElementById("temps").value=0;
+
+}
+
+function Cookies() {
+	var accept = confirm("Tu veux des cookies ?");
+	if (accept === true) {
+	alert("Bon jeu!");
+	} else {
+	Cookies();
+	}
+	}
+//Cookies();
+
+let grille = [];
+
+function creerGrille(haut, larg) {
+    grille.length = haut;
+    let i = 0;
+    let j = 0;
+    while (i < haut) {
+	grille[i] = Array(larg);
+	j = 0;
+	while (j<larg) {
+	    grille[i][j] = new Case(j, i);
+	    j = j + 1 ;
+	}
+	i = i + 1;
+    }
+    
+}
+
--- a/style.css
+++ b/style.css
@ -0,0 +1,36 @@
+#nav_demineur{
+	width: 100%;
+	
+	background-color: #2bd7d484;
+	border-width: 2px;
+	border-style: double;
+	height: 25px;
+	display: flex;
+    justify-content:flex-start;
+	
+}
+
+#body_demineur{
+	background-color: rgba(128, 128, 128, 0.544);
+	
+	margin: 0;
+	
+}
+
+#jeu{
+	
+	display: flex;
+    justify-content: left;
+    border-width: 2px;
+	border-style: double; 
+	width: 49%;
+
+}
+
+.item_nav{
+	margin-top: 3px;
+	padding-right: 10px;
+
+}
+
+
				`@ -0,0 +1 @@`
				`younes: final chrono , pop up cookie , centrer ligne , animation pop up`