Comparer les révisions

...

24 commits

Auteur SHA1 Message Date
d74d5858cd bafo 2022-12-02 16:02:07 +01:00
c529b88e94 Merge branch 'master' of https://git.etud.insa-toulouse.fr/fofana/Projet_Web 2022-12-01 10:51:18 +01:00
53c09b221a Mettre à jour 'style.css' 2022-12-01 10:49:45 +01:00
696d7f290e Mettre à jour 'Leo.html' 2022-12-01 10:49:19 +01:00
30fdc04c98 Merge branch 'master' of https://git.etud.insa-toulouse.fr/fofana/Projet_Web 2022-12-01 10:49:13 +01:00
ed9734331e leo.js 2022-12-01 10:48:58 +01:00
03d099a74f Bafo 2022-12-01 10:48:08 +01:00
Olivan Sahel
e459206eae Sahem 2022-12-01 10:22:20 +01:00
561ab9a8fb Bafo 2022-12-01 10:14:55 +01:00
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
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
4a269663eb Mettre à jour 'Leo.html' 2022-12-01 09:19:33 +01:00
72dc2bbe75 Mettre à jour 'Leo.html' 2022-12-01 09:09:58 +01:00
7b8e2f109b Puissance4.html 2022-12-01 09:02:48 +01:00
c508bb900a Mettre à jour 'Leo.html' 2022-12-01 09:02:19 +01:00
04e4cf08a2 Mettre à jour 'Leo.html' 2022-12-01 08:58:18 +01:00
a87ce3963c Mettre à jour 'Leo.html' 2022-12-01 08:57:56 +01:00
758e7ed593 /leo.html 2022-12-01 08:56:05 +01:00
51b1108850 Mettre à jour 'READ.me' 2022-12-01 08:54:56 +01:00
c495d56397 /REAM.me
sujet du projet
2022-12-01 08:54:38 +01:00
11 fichiers modifiés avec 428 ajouts et 11 suppressions

72
JustePrix.css Fichier normal
Voir le fichier

@ -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;
}

Voir le fichier

@ -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>

34
JustePrix.js Fichier normal
Voir le fichier

@ -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
}
}

BIN
Lagaf.jpg Fichier normal

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 14 Kio

51
Leo.html Fichier normal
Voir le fichier

@ -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]
-->

Voir le fichier

@ -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>
</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>
<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>

Voir le fichier

39
Puissance4.html Fichier normal
Voir le fichier

@ -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>

15
READ.me Fichier normal
Voir le fichier

@ -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.

47
leo.js Fichier normal
Voir le fichier

@ -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";
}*/

98
style.css Fichier normal
Voir le fichier

@ -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;
}