script.js

@@ -1,13 +1,8 @@
 var reponse = "";
 var word ="";
-const good_letter_color = "#98D98B";
-const good_letter_text_color = "#284D32";
-const bad_letter_color = "#EB9181";
-const bad_letter_text_color = "#52201A";
-const mid_letter_color = "#F8EEA0";
-const mid_letter_text_color = "#665B26";
-const base_letter_color = "#f3d7c7" ;
-const base_letter_text_color = "#632D17" ;
+const good_letter_color = "#8dc689";
+const bad_letter_color = "#e57373";
+const mid_letter_color = "#e3e466";
 var free_box = [1,1];
 let arrWords;
 readTextFile("words.txt");
@@ -16,30 +11,23 @@ aleatoire();
 setMyKeyDownListener();
 
 function change_color_good_letter(coord){
-    var case_div = document.getElementById(coord);
-    case_div.style.color = good_letter_text_color;
     coord = "case".concat(coord)
     console.log(coord)
-    case_div = document.getElementById(coord);
+    var case_div = document.getElementById(coord);
     case_div.style.backgroundColor = good_letter_color;
 }
 
-
 function change_color_bad_letter(coord){
-    var case_div = document.getElementById(coord);
-    case_div.style.color = bad_letter_text_color;
     coord = "case".concat(coord)
     console.log(coord)
-    case_div = document.getElementById(coord);
+    var case_div = document.getElementById(coord);
     case_div.style.backgroundColor = bad_letter_color;
 }
 
 function change_color_mid_letter(coord){
-    var case_div = document.getElementById(coord);
-    case_div.style.color = mid_letter_text_color;
     coord = "case".concat(coord)
     console.log(coord)
-    case_div = document.getElementById(coord);
+    var case_div = document.getElementById(coord);
     case_div.style.backgroundColor = mid_letter_color;
 }
 
@@ -67,7 +55,6 @@ function update(x) {
     else {
         word += x.toLowerCase();
         free = free_box.map(num=>{return String(num)}).join("");
-        console.log(free);
         document.getElementById(free).innerHTML = x;
         free_box[1]+=1;
     }
@@ -92,12 +79,6 @@ function Enter() {
         free_box[1]=1;
         word="";
     }
-    if (verifWord() && free_box[0]==6) {
-        write_result(verifLettres(word));
-        if(word != reponse){
-            document.getElementById("info").innerHTML=("The correct word was <b> "+ reponse +"</b>. <button style=\"width:100px;\" type=\"button Z\" onclick=\"recommencer()\">Start Over</button>");
-        }
-    }
 }
 
 function verifLettres() {
@@ -124,13 +105,11 @@ function verifLettres() {
 function write_result(verif){
     let pos = "";
     pos = free_box[0].toString();
-    let good_letter = 0;
     for(let i=0; i<5; i++){
         pos = (free_box[0]).toString();
         pos = pos.concat((i+1).toString());
         if (verif[i] == 2){
             change_color_good_letter(pos);
-            good_letter += 1;
         }
         else if ( verif[i]===1){
             change_color_mid_letter(pos);
@@ -139,27 +118,6 @@ function write_result(verif){
             change_color_bad_letter(pos);
         }
     }
-    if (good_letter == 5){
-        document.getElementById("info").innerHTML=("Congratulations! The correct word was <b> "+ reponse +"</b>. <button style=\"width:100px;\" type=\"button Z\" onclick=\"recommencer()\">Start Over</button>");
-    }
-}
-
-function recommencer (){
-    word="";
-    let coord;
-    for (let i=1; i<6; i++){
-        for (let j=1; j<7; j++){
-            coord = (j.toString() + i.toString());
-            document.getElementById(coord).innerHTML = "";
-            var case_div = document.getElementById("case" +coord);
-            case_div.style.backgroundColor = base_letter_color;
-            case_div = document.getElementById(coord);
-            case_div.style.color = base_letter_text_color;
-        }
-    }
-    document.getElementById("info").innerHTML=("");
-    aleatoire();
-    free_box = [1,1];
 }
 
 function readTextFile(file) { //Merci StackOverflow

styles.css

@@ -2,13 +2,14 @@
     margin: 0;
     padding: 0;
     font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
-    color:rgb(99, 45, 23);
+    
 }
 header{ /* Apparence de l'en-tete */
     background-color: white;
     text-align: center;
     padding-top: 5px;
     font-size: 35px;
+    color:rgb(99, 45, 23);
     font-weight: bold;
 }
 
@@ -22,7 +23,6 @@ section{ /* Alignement du tableau de jeu */
 }
 .grille_haut { /* Alignement du tableau de jeu */
     display: flex;
-    padding-top: 5%;
     align-items: center;
     justify-content: center;
     flex-direction: column;
@@ -74,7 +74,7 @@ footer div {
     padding-bottom: 5px;
 }
 
-button { /* Apparence touches clavier */
+.clavier div button { /* Apparence touches clavier */
     padding-bottom: 5px;
     width: 45px;
     height: 45px;
@@ -86,7 +86,7 @@ button { /* Apparence touches clavier */
     border:none;
 }
 
-button:hover{ /* Apparence touches clavier quand suvolées */
+.clavier div button:hover{ /* Apparence touches clavier quand suvolées */
     background-color:rgb(75, 24, 15);
     color : rgb(245, 230, 230);
 }