fofana
/
Projet_Web
Watch 3
Star 2
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Sahel

Sahel Olivan 1 year ago
parent
2f198a994c
commit
0efd5b1755
3 changed files with 74 additions and 44 deletions
Split View Show Diff Stats
  1. 59
    14
      Puissance4.html
  2. 15
    6
      Puissance4.js
  3. 0
    24
      style.css

+ 59
- 14
Puissance4.html View File 

@@ -2,8 +2,8 @@
2 2 
 <meta charset="UTF-8">
3 3 
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
4 4 
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 
-<link rel="stylesheet" href="style.css" type="text/css">
6 
-<link rel="Javascript" href="Page1.js">
5 
+<link rel="stylesheet" href="Puissance4.css" type="text/css">
6 
+<script type="text/javascript" src="Puissance4.js" defer></script>
7 7 
 <html>
8 8 
     <head>
9 9 
 	<title>Puissance 4</title>
 
@@ -21,19 +21,64 @@
21 21 
 	</header>
22 22 
 	<main>
23 23 
 		<section>
24 
-			<article>
25 
-                <div id="Puissance4Board">
26 
-                    <div class="one">1</div>
27 
-                    <div class="two">2</div>
28 
-                    <div class="three">3</div>
29 
-                    <div class="four">4</div>
30 
-                    <div class="five">5</div>
31 
-                    <div class="six">6</div>
32 
-                </div>
33 
-
34 
-			</article>
24 
+			<table id="Board">
25 
+                <tr>
26 
+					<td></td>
27 
+					<td></td>
28 
+					<td></td>
29 
+					<td></td>
30 
+					<td></td>
31 
+					<td></td>
32 
+					<td></td>
33 
+				</tr>
34 
+				<tr>
35 
+					<td></td>
36 
+					<td></td>
37 
+					<td></td>
38 
+					<td></td>
39 
+					<td></td>
40 
+					<td></td>
41 
+					<td></td>
42 
+				</tr>
43 
+				<tr>
44 
+					<td></td>
45 
+					<td></td>
46 
+					<td></td>
47 
+					<td></td>
48 
+					<td></td>
49 
+					<td></td>
50 
+					<td></td>
51 
+				</tr>
52 
+				<tr>
53 
+					<td></td>
54 
+					<td></td>
55 
+					<td></td>
56 
+					<td></td>
57 
+					<td></td>
58 
+					<td></td>
59 
+					<td></td>
60 
+				</tr>
61 
+				<tr>
62 
+					<td></td>
63 
+					<td></td>
64 
+					<td></td>
65 
+					<td></td>
66 
+					<td></td>
67 
+					<td></td>
68 
+					<td></td>
69 
+				</tr>
70 
+				<tr>
71 
+					<td></td>
72 
+					<td></td>
73 
+					<td></td>
74 
+					<td></td>
75 
+					<td></td>
76 
+					<td></td>
77 
+					<td></td>
78 
+				</tr>
79 
+            </table>
35 80 
 		</section>
36 81 
 	</main>
37 
-	<footer>&copy; Copyright 2019 by ME. All Rights Reserved.</footer>
82 
+	<footer>&copy; Copyright 2022 by Sahel Olivan. All Rights Reserved.</footer>
38 83 
     </body>
39 84 
 </html>

+ 15
- 6
Puissance4.js View File 

@@ -1,8 +1,17 @@
1 1
2 
+var currentRow = 0;
3 
+var currentColumn = 0;
4 
+
2 5 
 const tbody = document.querySelector('#Board');
3 
-tbody.addEventListener('click', function (e) {
4 
-  const cell = e.target.closest('td');
5 
-  if (!cell) {return;} // Quit, not clicked on a cell
6 
-  const row = cell.parentElement;
7 
-  console.log(cell.innerHTML, row.rowIndex, cell.cellIndex);
8 
-});
6 
+tbody.addEventListener('click', function (e){
7 
+    const cell = e.target.closest('td');
8 
+    if (!cell) {return;}
9 
+    const row = cell.parentElement;
10 
+    currentRow = row.rowIndex;
11 
+    currentColumn = cell.cellIndex;
12 
+    test();
13 
+});
14 
+
15 
+function test(){
16 
+    console.log(currentRow, currentColumn);
17 
+}

+ 0
- 24
style.css View File 

@@ -62,30 +62,6 @@ footer{
62 62 
     gap: 1em;
63 63 
     padding: 1em;
64 64 
 }
65 
-.one{
66 
-    grid-column: 1;
67 
-    grid-row: 1;
68 
-}
69 
-.two{
70 
-    grid-column: 1;
71 
-    grid-row: 1;
72 
-}
73 
-.three{
74 
-    grid-column: 1;
75 
-    grid-row: 1;
76 
-}
77 
-.four{
78 
-    grid-column: 1;
79 
-    grid-row: 1;
80 
-}
81 
-.five{
82 
-    grid-column: 1;
83 
-    grid-row: 1;
84 
-}
85 
-.six{
86 
-    grid-column: 1;
87 
-    grid-row: 1;
88 
-}
89 65 
 #RegleMorp{
90 66 
     background-color: lightgrey;
91 67 
     text-align: center;

Write Preview
Loading…
Cancel
Save