Fix minor Bug

If user re-select a word always find, this.solved is increment.
Now : To increment variable if the word of the list isn't <delete>

I fix a bug for me : in list, First letter Upper, with CSS instead of
javascript

2 files changed, 13 insertions, 6 deletions

diff --git a/css/style.css b/css/style.css
index 6c4a5ef..51304ed 100644
--- a/css/style.css
+++ b/css/style.css
@@ -51,4 +51,8 @@ body {
 
 .ws-word {
   margin-bottom: 4px;
+}
+
+.ws-words ::first-letter{
+	text-transform : capitalize;
 }
\ No newline at end of file
diff --git a/js/wordsearch.js b/js/wordsearch.js
index cac0ae1..8753ea9 100644
--- a/js/wordsearch.js
+++ b/js/wordsearch.js
@@ -64,7 +64,7 @@
 
     for (var i = 0; i < this.settings.words.length; i++) {
       // Convert all the letters to upper case      
-	  this.settings.wordsList[i] =  this.settings.words[i].charAt(0).toUpperCase() + this.settings.words[i].substring(1).toLowerCase();
+	  this.settings.wordsList[i] =  this.settings.words[i];
 	  this.settings.words[i] =  removeDiacritics(this.settings.wordsList[i].toUpperCase());
 
       var word = this.settings.words[i];
@@ -341,14 +341,17 @@
       var wordList = document.querySelector(".ws-words");
       var wordListItems = wordList.getElementsByTagName("li");
       for(var i=0; i<wordListItems.length; i++){
-        if(words[0].toLowerCase() == wordListItems[i].innerHTML.toLowerCase()){
-          wordListItems[i].innerHTML = "<del>"+wordListItems[i].innerHTML+"</del>";
+        if(words[0] == removeDiacritics(wordListItems[i].innerHTML.toUpperCase())){			
+          if(wordListItems[i].innerHTML != "<del>"+wordListItems[i].innerHTML+"</del>") { //Check the word is never found
+			wordListItems[i].innerHTML = "<del>"+wordListItems[i].innerHTML+"</del>";
+			//Increment solved words.
+			this.solved++;
+		  }
+		  
+	  
         }
       }
 
-      //Increment solved words.
-      this.solved++;
-
       //Game over?
       if(this.solved == this.settings.words.length){
         this.gameOver();