bafo

Merge branch 'master' of https://git.etud.insa-toulouse.fr/fofana/Projet_Web
Mettre à jour 'style.css'
2022-12-02 16:02:07 +01:00 · 2022-12-01 10:51:18 +01:00 · 2022-12-01 10:49:45 +01:00 · 2022-12-01 10:49:19 +01:00 · 2022-12-01 10:49:13 +01:00 · 2022-12-01 10:48:58 +01:00
--- a/JustePrix.css
+++ b/JustePrix.css
@ -0,0 +1,72 @@
+header
+{
+    display: flex;
+    justify-content: center;
+    background-color: white;
+    padding: 1em;
+    margin: 0 -5px;
+}
+.Lagaf
+{
+    display: flex;
+    margin: auto;
+}
+body
+{
+    display: flex;
+    flex-direction: column;
+    background-color: #17a2b8;
+    margin: 0%;
+    padding: 0%;
+    min-height: 100vh;
+}
+a
+{
+    text-decoration: none;
+    color: grey;
+    font-size: 1.2em;
+    margin: 0 5px;
+}
+section
+{
+    padding-top: 3em;
+    padding-bottom: 3em;
+    background-color: lightgrey;
+    margin: 20em;
+    margin-top : 5em;
+    margin-bottom: 5em;
+    border-radius: 0.5em;
+}
+article
+{
+    text-align: center;
+}
+.list a
+{
+    background-color: white;
+    padding-top:1em;
+    padding-bottom: 1em;
+    border-radius: 0.5em;
+}
+.list
+{
+    display: grid;
+    grid-template-columns: repeat(2,1fr);
+    gap: 1em;
+    padding: 1em;
+}
+.Titre
+{
+    margin: auto;
+    text-align: center;
+
+}
+.BoiteNb
+{
+    margin: auto;
+    text-align: center;
+}
+footer
+{
+    margin-top: auto;
+}
--- a/JustePrix.html
+++ b/JustePrix.html
@ -1,3 +1,4 @@
+<<<<<<< HEAD
 <!DOCTYPE html>
 <html lang="en">
 <head>
@ -13,4 +14,40 @@
        <input type="text" name="Valeur" id="Valeur">
    </div>
 </body>
+=======
+<!DOCTYPE HTML>
+<meta charset="UTF-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="JustePrix.css" type="text/css">
+<script src="JustePrix.js"></script>
+<html>
+    <head>
+	<title>JustePrix</title>
+    </head>
+	
+    <body>
+	<header>
+		<nav>
+			<a href="Page1.html">Home</a>
+			<a href="Puissance4.html">Puissance 4</a>
+			<a href="Morpion.html">Morpion</a>
+			<a href="Snake.html">Snake</a>
+			<a href="JustePrix.html">Juste Prix</a>
+		</nav>
+	</header>
+	<main>
+        <p></p>
+        <p class="Titre"><strong>Le Juste Prix</strong></p>
+        <img src="Lagaf.jpg" class="Lagaf">
+        <p>Bonjour mon ami et Bienvenue dans le JUSTE PRIX </p>
+        <div id="BoiteNb" class="BoiteNb">
+            <label for="Inp_Valeur"> Veuillez rentrer votre nombre</label>
+            <input type="text" id="Inp_Valeur">
+            <button name="btntent" id="btntent">Verification</button>
+        </div>
+	</main>
+	<footer>&copy; Copyright 2019 by ME. All Rights Reserved.</footer>
+    </body>
+>>>>>>> c529b88e94d23093a509bad7d6be092aafb2290b
 </html>
--- a/JustePrix.js
+++ b/JustePrix.js
@ -0,0 +1,34 @@
+let NbJoueur= document.getElementById("Inp_Valeur");
+let Nb_a_Trouver = 5;
+ 
+let btnver = document.getElementById("btntent");
+
+btnver.addEventListener("click",Verif)
+
+function Verif()
+{
+    const NbJoueur2 = parseFloat(NbJoueur); //Verifie qu'il s'agit dun nombre
+    if(NbJoueur2 == isNaN(NbJoueur))
+    {
+        alert("La Valeur rentre est errone");
+    }
+    else
+    {
+        alert("La valeur est bonne");
+    }
+}
+
+function Trouver(NbJoueur)
+{
+    if(Nb_a_Trouver == NbJoueur)
+    {
+        return true
+    }
+    else
+    {
+        return false
+    }
+
+}
+
+
--- a/Lagaf.jpg
+++ b/Lagaf.jpg
--- a/Leo.html
+++ b/Leo.html
@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="style.css" type="text/css">
+
+
+<html>
+    <title>Morpion</title>
+    <header>
+        <nav>
+            <a href="Page1.html">Home</a>
+            <a href="Puissance4.html">Puissance 4</a>
+            <a href="Morpion.html">Morpion</a>
+            <a href="Snake.html">Snake</a>
+            <a href="JustePrix.html">Juste Prix</a>
+        </nav>
+    </header>
+
+    <body>
+      <h1 id="TitreMorp">Bienvenue sur le TIC-TAC-TOE </h1>
+      <p id="RegleMorp">Règles du jeu: à 2 joueurs, vous jouez au tour par tour. Il faut aligner 3 symboles pour gagner.</p>
+      <table id="tmorp">
+        <tr>
+            <td class="case"></td>
+            <td class="case"></td>
+            <td class="case"></td>
+        </tr>
+        <tr>
+            <td class="case"></td>
+            <td class="case"></td>
+            <td class="case"></td>
+        </tr>
+        <tr>
+            <td class="case"></td>
+            <td class="case"></td>
+            <td class="case"></td>
+        </tr>
+
+      </table>
+      <script type="text/javascript" src="leo.js"></script>
+ 
+    </body>
+    <footer>
+    </footer>
+</html>
+
+<!--    [0,1,2]
+        [3,4,5]
+        [6,7,8]
+--> 
--- a/Main.html
+++ b/Main.html
@ -1,12 +1,36 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-</head>
-<body>
+<!DOCTYPE HTML>
+<meta charset="UTF-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="style.css" type="text/css">
+<link rel="Javascript" href="Page1.js">
+<html>
+    <head>
+	<title>Projet Web</title>
+    </head>
 	
-</body>
+    <body>
+	<header>    
+		<nav>
+			<a href="Page1.html">Home</a>
+			<a href="Puissance4.html">Puissance 4</a>
+			<a href="Morpion.html">Morpion</a>
+			<a href="Snake.html">Snake</a>
+			<a href="JustePrix.html">Juste Prix</a>
+		</nav>
+	</header>
+	<main>
+		<section>
+			<article>
+					<div class="list">
+			            <a href="Puissance4.html">Puissance 4</a>
+			            <a href="Morpion.html">Morpion</a>
+			            <a href="Snake.html">Snake</a>
+			            <a href="JustePrix.html">Juste Prix</a>
+					</ul>
+			</article>
+		</section>
+	</main>
+	<footer>&copy; Copyright 2019 by ME. All Rights Reserved.</footer>
+    </body>
 </html>
--- a/Page1.js
+++ b/Page1.js
--- a/Puissance4.html
+++ b/Puissance4.html
@ -0,0 +1,39 @@
+<!DOCTYPE HTML>
+<meta charset="UTF-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="style.css" type="text/css">
+<link rel="Javascript" href="Page1.js">
+<html>
+    <head>
+	<title>Puissance 4</title>
+    </head>
+	
+    <body>
+	<header>
+		<nav>
+			<a href="Page1.html">Home</a>
+			<a href="Puissance4.html">Puissance 4</a>
+			<a href="Morpion.html">Morpion</a>
+			<a href="Snake.html">Snake</a>
+			<a href="JustePrix.html">Juste Prix</a>
+		</nav>
+	</header>
+	<main>
+		<section>
+			<article>
+                <div id="Puissance4Board">
+                    <div class="one">1</div>
+                    <div class="two">2</div>
+                    <div class="three">3</div>
+                    <div class="four">4</div>
+                    <div class="five">5</div>
+                    <div class="six">6</div>
+                </div>
+                
+			</article>
+		</section>
+	</main>
+	<footer>&copy; Copyright 2019 by ME. All Rights Reserved.</footer>
+    </body>
+</html>
--- a/READ.me
+++ b/READ.me
@ -0,0 +1,15 @@
+String object
+Functions
+Conditional Statements 
+Loops: should include the use of at least While, for ... in and for .. of loop
+Arrays
+JavaScript Validation
+Prototypes & User-defined objects
+DOM, more specifically manipulation of HTML elements using JavaScript. Manipulation should include:
+
+    addition of HTML elements
+    remove of HTML elements
+    Update of HTML elements (changing the content or changing the style)
+
+The web application should be hosted online. There are several online services that propose free hosting.
+
--- a/leo.js
+++ b/leo.js
@ -0,0 +1,47 @@
+
+let Jeu= true;
+let Joueuractuel;
+/*
+
+function winverif(){
+
+}
+*/
+let cases = document.querySelectorAll(".case");
+for(let i = 0 ;i< cases.length;i++)
+{
+    Joueuractuel = i%2;
+    
+    if (Joueuractuel){
+
+    
+        cases[i].addEventListener("click",(event)=>{
+        cases[i].innerHTML = "0";
+        })
+    }
+    else{
+        cases[i].addEventListener("click",(event)=>{
+        cases[i].innerHTML = "X";
+        })
+    }
+}
+
+
+
+/*
+document.getElementById("demo1").onclick = function() {myFunction()};
+
+
+function myFunction() {
+  document.getElementById("demo1").innerHTML = "O";
+}
+document.getElementById("demo2").onclick = function() {myFunction()};
+
+function myFunction() {
+  document.getElementById("demo2").innerHTML = "O";
+}
+document.getElementById("demo3").onclick = function() {myFunction()};
+
+function myFunction() {
+  document.getElementById("demo3").innerHTML = "O";
+}*/
--- a/style.css
+++ b/style.css
@ -0,0 +1,98 @@
+header
+{
+    display: flex;
+    justify-content: center;
+    background-color: white;
+    padding: 1em;
+    margin: 0 -5px;
+}
+img
+{
+    margin-right: auto;
+}
+body
+{
+    display: flex;
+    flex-direction: column;
+    background-color: #17a2b8;
+    margin: 0%;
+    padding: 0%;
+    min-height: 100vh;
+}
+a
+{
+    text-decoration: none;
+    color: grey;
+    font-size: 1.2em;
+    margin: 0 5px;
+}
+section
+{
+    padding-top: 3em;
+    padding-bottom: 3em;
+    background-color: lightgrey;
+    margin: 20em;
+    margin-top : 5em;
+    margin-bottom: 5em;
+    border-radius: 0.5em;
+}
+article
+{
+    text-align: center;
+}
+.list a
+{
+    background-color: white;
+    padding-top:1em;
+    padding-bottom: 1em;
+    border-radius: 0.5em;
+}
+.list{
+    display: grid;
+    grid-template-columns: repeat(2,1fr);
+    gap: 1em;
+    padding: 1em;
+}
+footer{
+    margin-top: auto;
+}
+#Puissance4Board{
+    display: grid;
+    grid-template-columns: (6,7);
+    gap: 1em;
+    padding: 1em;
+}
+.one{
+    grid-column: 1;
+    grid-row: 1;
+}
+.two{
+    grid-column: 1;
+    grid-row: 1;
+}
+.three{
+    grid-column: 1;
+    grid-row: 1;
+}
+.four{
+    grid-column: 1;
+    grid-row: 1;
+}
+.five{
+    grid-column: 1;
+    grid-row: 1;
+}
+.six{
+    grid-column: 1;
+    grid-row: 1;
+}
+#RegleMorp{
+    background-color: lightgrey;
+    text-align: center;
+    margin-right:auto;
+    margin-left: auto;
+}
+
+#TitreMorp{
+    text-align: center;
+}
作成者	SHA1	メッセージ	日付
fofana	d74d5858cd	bafo	2022-12-02 16:02:07 +01:00
Bafo	c529b88e94	Merge branch 'master' of https://git.etud.insa-toulouse.fr/fofana/Projet_Web	2022-12-01 10:51:18 +01:00
Leopold Lanard	53c09b221a	Mettre à jour 'style.css'	2022-12-01 10:49:45 +01:00
Leopold Lanard	696d7f290e	Mettre à jour 'Leo.html'	2022-12-01 10:49:19 +01:00
Bafo	30fdc04c98	Merge branch 'master' of https://git.etud.insa-toulouse.fr/fofana/Projet_Web	2022-12-01 10:49:13 +01:00
Leopold Lanard	ed9734331e	leo.js	2022-12-01 10:48:58 +01:00
Bafo	03d099a74f	Bafo	2022-12-01 10:48:08 +01:00
Olivan Sahel	e459206eae	Sahem	2022-12-01 10:22:20 +01:00
Bafo	561ab9a8fb	Bafo	2022-12-01 10:14:55 +01:00
Bafo	0fe8de2aa7	Bafo	2022-12-01 10:14:10 +01:00
Olivan Sahel	d387f55284	Merge branch 'master' of https://git.etud.insa-toulouse.fr/fofana/Projet_Web	2022-12-01 09:54:33 +01:00
Olivan Sahel	b083c851c7	Sahel	2022-12-01 09:53:49 +01:00
Bafo	5eea549e28	modifdebafo	2022-12-01 09:51:35 +01:00
Olivan Sahel	b1a3848464	main	2022-12-01 09:32:22 +01:00
Olivan Sahel	63a4067b19	main	2022-12-01 09:30:26 +01:00
Leopold Lanard	4a269663eb	Mettre à jour 'Leo.html'	2022-12-01 09:19:33 +01:00
Leopold Lanard	72dc2bbe75	Mettre à jour 'Leo.html'	2022-12-01 09:09:58 +01:00
Sahel Olivan	7b8e2f109b	Puissance4.html	2022-12-01 09:02:48 +01:00
Leopold Lanard	c508bb900a	Mettre à jour 'Leo.html'	2022-12-01 09:02:19 +01:00
Leopold Lanard	04e4cf08a2	Mettre à jour 'Leo.html'	2022-12-01 08:58:18 +01:00
Leopold Lanard	a87ce3963c	Mettre à jour 'Leo.html'	2022-12-01 08:57:56 +01:00
Leopold Lanard	758e7ed593	/leo.html	2022-12-01 08:56:05 +01:00
Leopold Lanard	51b1108850	Mettre à jour 'READ.me'	2022-12-01 08:54:56 +01:00
Leopold Lanard	c495d56397	/REAM.me sujet du projet	2022-12-01 08:54:38 +01:00