fofana/Projet_Web
3
2
Bifurcation 0
Code Tickets Demandes d'ajout Publications Wiki Activité

Comparer les révisions

base: fofana:d74d5858cd366b4d8de06d64166d1c1cf13a64f2
Branches Étiquettes
fofana:master
fofana:Bafo
..
comparer: fofana:bcd6d0cfc1649d54727ef62f1b90c57de041218f
Branches Étiquettes
fofana:master
fofana:Bafo

Pas de révisions en commun. "d74d5858cd366b4d8de06d64166d1c1cf13a64f2" et "bcd6d0cfc1649d54727ef62f1b90c57de041218f" ont des historiques entièrement différents.
d74d5858cd ... bcd6d0cfc1

11 fichiers modifiés avec 11 ajouts et 428 suppressions
Voir les statistiques Développer tous les fichiers Réduire tous les fichiers

72
JustePrix.css
Voir le fichier

@ -1,72 +0,0 @@
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;
}

37
JustePrix.html
Voir le fichier

@ -1,4 +1,3 @@
<<<<<<< HEAD
<!DOCTYPE html>
<html lang="en">
<head>
@ -14,40 +13,4 @@
<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>

34
JustePrix.js
Voir le fichier

@ -1,34 +0,0 @@
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
}
}

BIN
Lagaf.jpg
Voir le fichier

Fichier binaire non affiché.
Côte à côte

Avant

Largeur:  |  Hauteur:  |  Taille: 14 Kio

51
Leo.html
Voir le fichier

@ -1,51 +0,0 @@
<!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]
-->

46
Main.html
Voir le fichier

@ -1,36 +1,12 @@
<!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>
<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>
<!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>
</body>
</html>

0
Page1.js Fichier normal
Voir le fichier

39
Puissance4.html
Voir le fichier

@ -1,39 +0,0 @@
<!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>

15
READ.me
Voir le fichier

@ -1,15 +0,0 @@
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.

47
leo.js
Voir le fichier

@ -1,47 +0,0 @@
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";
}*/

98
style.css
Voir le fichier

@ -1,98 +0,0 @@
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;
}