diff --git a/JustePrix.css b/JustePrix.css new file mode 100644 index 0000000..0084618 --- /dev/null +++ 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; +} diff --git a/JustePrix.html b/JustePrix.html index fa8ecca..4c401f6 100644 --- a/JustePrix.html +++ b/JustePrix.html @@ -1,3 +1,4 @@ +<<<<<<< HEAD @@ -13,4 +14,40 @@ +======= + + + + + + + + + JustePrix + + + +
+ +
+
+

+

Le Juste Prix

+ +

Bonjour mon ami et Bienvenue dans le JUSTE PRIX

+
+ + + +
+
+ + +>>>>>>> c529b88e94d23093a509bad7d6be092aafb2290b \ No newline at end of file diff --git a/JustePrix.js b/JustePrix.js new file mode 100644 index 0000000..6af05a7 --- /dev/null +++ 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 + } + +} + + diff --git a/Lagaf.jpg b/Lagaf.jpg new file mode 100644 index 0000000..90f69b3 Binary files /dev/null and b/Lagaf.jpg differ diff --git a/Leo.html b/Leo.html new file mode 100644 index 0000000..f51ccdb --- /dev/null +++ b/Leo.html @@ -0,0 +1,51 @@ + + + + + + + + + Morpion +
+ +
+ + +

Bienvenue sur le TIC-TAC-TOE

+

Règles du jeu: à 2 joueurs, vous jouez au tour par tour. Il faut aligner 3 symboles pour gagner.

+ + + + + + + + + + + + + + + + + +
+ + + + + + + \ No newline at end of file diff --git a/Main.html b/Main.html index 56efbdb..e634c08 100644 --- a/Main.html +++ b/Main.html @@ -1,12 +1,36 @@ - - - - - - - Document - - - - + + + + + + + + + Projet Web + + + +
+ +
+
+
+ +
+
+ + \ No newline at end of file diff --git a/Page1.js b/Page1.js deleted file mode 100644 index e69de29..0000000 diff --git a/Puissance4.html b/Puissance4.html new file mode 100644 index 0000000..3475196 --- /dev/null +++ b/Puissance4.html @@ -0,0 +1,39 @@ + + + + + + + + + Puissance 4 + + + +
+ +
+
+
+
+
+
1
+
2
+
3
+
4
+
5
+
6
+
+ +
+
+
+ + + \ No newline at end of file diff --git a/READ.me b/READ.me new file mode 100644 index 0000000..fa27675 --- /dev/null +++ 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. + diff --git a/leo.js b/leo.js new file mode 100644 index 0000000..997f7fe --- /dev/null +++ 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"; +}*/ \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..5b80927 --- /dev/null +++ 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; +}