home.html in word-games-theme-0.6.7

- old
+ new

@@ -47,39 +47,55 @@
                         <div class="text-right times" style="cursor: pointer">
                             <img src="../../assets/images/window-close.png" alt="" width="15px">
 
                         </div>
                         <div class="startsWith">
-                            <label for="startsWith">Starts With</label>
+                            <label data-toggle="tooltip" data-placement="top"
+                                title="Filter for words that starts with these letters" for="startsWith">Starts
+                                With</label>
                             <br>
                             <input type="text" id="startsWith" placeholder="Prefix" value="" name="prefix">
                         </div>
                         <div class="mustInclude">
-                            <label for="mustInclude">Must Include </label>
+                            <label for="mustInclude" data-toggle="tooltip" data-placement="top"
+                                title=" Words that contain letters in this order(ab)">Must Contains </label>
                             <br>
                             <input type="text" id="mustInclude" placeholder="Contains" name="contains">
-
                         </div>
                         <div class="endsWith">
-                            <label for="endsWith">End With</label>
+                            <label for="endsWith" data-toggle="tooltip" data-placement="top"
+                                title="Filter for words that ends with these letters">End With</label>
                             <br>
                             <input type="text" id="endsWith" placeholder="Suffix" name="suffix">
-
                         </div>
+                        <div class="exculdeWith">
+                            <label data-toggle="tooltip" data-placement="top"
+                                title="Only words that not contain the letters you enter here"
+                                for="exculdeWith">Exculde</label>
+                            <br>
+                            <input type="text" id="exculdeWith" placeholder="Exculde" value="" name="exculde">
+                        </div>
+                        <div class="inculdeWith">
+                            <label data-toggle="tooltip" data-placement="top"
+                                title="Only words that contain the letters you enter here"
+                                for="inculdeWith">Include</label>
+                            <br>
+                            <input type="text" id="inculdeWith" placeholder="Include" value="" name="include">
+                        </div>
                         <div class="wordLength">
-                            <label for="wordLength">Word Length </label>
+                            <label data-toggle="tooltip" data-placement="top" title="Filter for words with this length"
+                                for="wordLength">Word Length </label>
                             <br>
                             <input type="text" id="wordLength" placeholder="Length" name="length">
                             <div style="margin-top: 1.2rem; gap:5px" class="d-flex w-100">
                                 <input type="button" value="Clear" class="clearFilter btn-info  text-white"
                                     style="background-color: {{CustomColor.inputButtonBg}};">
                                 <input type="submit" value="Apply" class="btn-info  text-white"
                                     style="background-color: {{CustomColor.inputButtonBg}};">
 
                             </div>
                         </div>
-
                     </div>
                 </form>
             </div>
         </div>
     </div>
@@ -96,9 +112,11 @@
 
     clearFilter.addEventListener("click", (() => {
         startsWith.value = ""
         mustInclude.value = ""
         endsWith.value = ""
+        exculdeWith.value = ""
+        inculdeWith.value = ''
         wordLength.value = ""
     }))
 
     const advancedFilter = document.querySelector('.advancedFilter')
     const fillterWrapper = document.querySelector('.fillterWrapper')
\ No newline at end of file