diff --git a/Jeu.html b/Jeu.html
index df3989d7604ee28fb11f7e8f885169f1d76c3158..4a84d7051a0deb445b4dec1513b1a4d204d1f241 100644
--- a/Jeu.html
+++ b/Jeu.html
@@ -49,17 +49,17 @@
<div id="wrapper">
<div id="chrono">00:00:00</div>
<div id="buttons">
- <button id="reset" class="button">Reset</button>
- <button id="stop" class="button">Arrêter</button>
- <button id="start" class="button">Démarrer</button>
+ <button id="start" class="button">Démarrer</button>
+ <button id="stop" class="button">Arrêter</button>
</div>
</div>
</div>
-
+ <form>
<div class="zoneSaisie">
<input type="text" id="inputEcriture" name="inputEcriture">
<button id="btnValiderMot">Valider</button>
</div>
+ </form>
<div class="zoneScore">
Votre score : <span>0</span>
</div>
@@ -70,15 +70,8 @@
<div class="popupBackground">
<div class="popup">
- <div>Partagez votre score :</div>
- <form>
- <label for="nom">Nom :</label>
- <input type="text" id="nom" name="nom" placeholder="Votre nom">
- <label for="email">Email :</label>
- <input type="email" id="email" name="email" placeholder="Exemple@gmail.com">
- <button id="btnEnvoyerMail">Envoyer</button>
- </form>
-</div>
+
+ </div>
</main>
</body>
</html>
\ No newline at end of file
diff --git a/Page2.html b/Page2.html
index 63b8e29ecbbe89b30ba230caca6f7fb9a1b5ec6c..3863f114f310131befe488768a27e9f86d7bfaf1 100644
--- a/Page2.html
+++ b/Page2.html
@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="Style2.css"/>
- <title>Top 5 artistes</title>
+ <title>Top 5</title>
<script src="Page2.js" defer ></script>
</head>
@@ -20,7 +20,7 @@
</div>
</header>
-<h1>Top 5 artistes préférés</h1>
+<h1>Ton Top 5 Artistes Préférés</h1>
<table>
<tr>
<th>Top 1</th>
@@ -60,7 +60,7 @@
</form>
</td>
<td>
- <form method="get" action="">
+ <form method="get" action="">
<p>
<textarea id="top5"></textarea>
</p>
@@ -71,94 +71,73 @@
<script type="text/javascript">
function maFonction(){
+
var text = document.getElementById('top1').value;
- document.getElementById("Top1").innerHTML = text;
-}
-</script>
+ document.getElementById("TonTopp1").innerHTML = text;
-<script type="text/javascript">
- function maFonctionn(){
var text = document.getElementById('top2').value;
- document.getElementById("Top2").innerHTML = text;
-}
- </script>
-
+ document.getElementById("TonTopp2").innerHTML = text;
-<script type="text/javascript">
- function maFonctionnn(){
var text = document.getElementById('top3').value;
- document.getElementById("Top3").innerHTML = text;
-}
- </script>
+ document.getElementById("TonTopp3").innerHTML = text;
-<script type="text/javascript">
- function maFonctionnnn(){
var text = document.getElementById('top4').value;
- document.getElementById("Top4").innerHTML = text;
-}
- </script>
+ document.getElementById("TonTopp4").innerHTML = text;
-<script type="text/javascript">
- function maFonctionnnnn(){
var text = document.getElementById('top5').value;
- document.getElementById("Top5").innerHTML = text;
+ document.getElementById("TonTopp5").innerHTML = text;
}
- </script>
-
+</script>
- <a class="BoutonsEnBas" href="javascript: maFonction();">Voir Top1</a>
- <a class="BoutonsEnBas" href="javascript: maFonctionn();">Voir Top2</a>
- <a class="BoutonsEnBas" href="javascript: maFonctionnn();">Voir Top3</a>
- <a class="BoutonsEnBas" href="javascript: maFonctionnnn();">Voir Top4</a>
- <a class="BoutonsEnBas" href= "javascript: maFonctionnnnn();">Voir Top5</a>
+<a href="javascript: maFonction();">Voir Ton Top 5</a>
- <table class="tbl2">
- <tr>
- <th>Top 1</th>
- <th>Top 2</th>
- <th>Top 3</th>
- <th>Top 4</th>
- <th>Top 5</th>
-
- </tr>
- <tr>
- <td>
- <form method="get" action="">
- <p>
- <div class="Top1" id="Top1"></div>
- </p>
- </form>
- </td>
- <td>
- <form method="get" action="">
- <p>
- <div class="Top2" id="Top2"></div>
- </p>
- </form>
- </td>
- <td>
- <form method="get" action="">
- <p>
- <div class="Top3" id="Top3"></div>
- </p>
- </form>
- </td>
- <td>
- <form method="get" action="">
- <p>
- <div class="Top4" id="Top4"></div>
- </p>
- </form>
- </td>
- <td>
- <form method="get" action="">
- <p>
- <div class="Top5" id="Top5"></div>
- </p>
- </form>
- </td>
- </tr>
- </table>
+<table class="tbl2">
+ <tr>
+ <th>Top 1</th>
+ <th>Top 2</th>
+ <th>Top 3</th>
+ <th>Top 4</th>
+ <th>Top 5</th>
+
+ </tr>
+ <tr>
+ <td>
+ <form method="get" action="">
+ <p>
+ <div class="TonTopp1" id="TonTopp1"></div>
+ </p>
+ </form>
+ </td>
+ <td>
+ <form method="get" action="">
+ <p>
+ <div class="TonTopp2" id="TonTopp2"></div>
+ </p>
+ </form>
+ </td>
+ <td>
+ <form method="get" action="">
+ <p>
+ <div class="TonTopp3" id="TonTopp3"></div>
+ </p>
+ </form>
+ </td>
+ <td>
+ <form method="get" action="">
+ <p>
+ <div class="TonTopp4" id="TonTopp4"></div>
+ </p>
+ </form>
+ </td>
+ <td>
+ <form method="get" action="">
+ <p>
+ <div class="TonTopp5" id="TonTopp5"></div>
+ </p>
+ </form>
+ </td>
+ </tr>
+</table>
</body>
</html>
\ No newline at end of file
diff --git a/Page2.js b/Page2.js
index 18d83f5b2c4d76ea61fae2ce008b2e5d725175af..83cfa7050ec8d2edb50f9b16401c1fa8b64ece25 100644
--- a/Page2.js
+++ b/Page2.js
@@ -1,6 +1,7 @@
-document.getElementById("Top1").innerHTML = document.getElementById('top1').value;
-document.getElementById("Top2").innerHTML = document.getElementById('top2').value;
-document.getElementById("Top3").innerHTML = document.getElementById('top3').value;
-document.getElementById("Top4").innerHTML = document.getElementById('top4').value;
-document.getElementById("Top5").innerHTML = document.getElementById('top5').value;
+document.getElementById("TonTopp1").innerHTML = document.getElementById('top1').value;
+document.getElementById("TonTopp2").innerHTML = document.getElementById('top2').value;
+document.getElementById("TonTopp3").innerHTML = document.getElementById('top3').value;
+document.getElementById("TonTopp4").innerHTML = document.getElementById('top4').value;
+document.getElementById("TonTopp5").innerHTML = document.getElementById('top5').value;
+
diff --git a/Style2.css b/Style2.css
index e38eb91b52ae0cf25f1520e196e4a206e2a08b0f..c1ca9b7d5ba7b6ab30cdebf84bda722bf52b46c2 100644
--- a/Style2.css
+++ b/Style2.css
@@ -21,9 +21,8 @@ h1{
table{
background-color: #fff7fe;
color: #8e44ad;
- margin-left: auto;
- margin-right: auto;
- margin-top: 30px;
+ margin-left: 230px;
+ width: 1400px;
}
td, th {
@@ -70,13 +69,13 @@ a {
}
input {
- padding: 10px;
border: 2px solid white;
outline: none;
- margin-bottom: 150px;
+ margin-bottom: 50px;
border-radius: 10px;
- margin-left: 1400px;
- background-color: #f0e7f9;
+ margin-left: 20px;
+ background-color: #d1d5ff;
+
}
input:active{
@@ -91,6 +90,8 @@ textarea{
border-color: #eef0ff;
background-color: white;
box-shadow: 2px 2px 2px rgba(0, 0, 0);
+ text-align: center;
+ width: 190px;
}
.ameliorerr{
@@ -109,8 +110,27 @@ p1{
box-shadow: 0px 0px 10px 0px #111;
}
+.txtt{
+ height: 40px;
+ width: 150px;
+ margin-right: 20px;
+}
+
+.btno{
+ margin-left: 240px;
+ height: 40px;
+ width: 80px;
+}
.tbl2{
- height: 300px;
- width: 1150px;
+ width: 1400px;
+
}
+
+.TonTopp1,
+.TonTopp2,
+.TonTopp3,
+.TonTopp4,
+.TonTopp5{
+ text-align: center;
+}
\ No newline at end of file
diff --git a/script.js b/script.js
index eb5a4ae001b55902ef40cf9597a100a8f34733e1..450756ddff07c511d3d7e22befe596b804196062 100644
--- a/script.js
+++ b/script.js
@@ -30,7 +30,7 @@ function afficherProposition(proposition) {
}
function afficherEmail(nom, email, score) {
- let mailto = `mailto:${email}+?subject=Partage du score sur le Jeu Écrit`
+ let mailto = `mailto:${email}+?subject=Partage du score sur le Jeu Écrit&body=Je suis Diogo`
location.href = mailto
}
@@ -96,7 +96,6 @@ function afficherEmail(nom, email, score) {
let chrono = document.getElementById("chrono");
- let resetBtn = document.getElementById("reset");
let stopBtn = document.getElementById("stop");
let startBtn = document.getElementById("start");
@@ -157,17 +156,7 @@ function afficherEmail(nom, email, score) {
timeout = setTimeout(defilerTemps, 1000);
};
-
- const reset = () => {
- chrono.textContent = "00:00:00";
- estArrete = true;
- heures = 0;
- minutes = 0;
- secondes = 0;
- clearTimeout(timeout);
- };
-
+
startBtn.addEventListener("click", demarrer);
stopBtn.addEventListener("click", arreter);
- resetBtn.addEventListener("click", reset);
\ No newline at end of file