Simplify 'required' attribute

Jobus0 · Dec 25, 2024 · 2482cb8 · 2482cb8
1 parent de56b32
commit 2482cb8
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/src/index.html b/src/index.html
@@ -386,7 +386,7 @@ <h3>Deogen<img src="ghost-icons/deogen.png"></h3>
                     <li>Using incense will force it to repick the nearest target when the effect runs out.</li>
                 </ul>
                 <ul class="evidence">
-                    <li data-evidence="box" required="true">Spirit Box</li>
+                    <li data-evidence="box" required>Spirit Box</li>
                     <li data-evidence="writing">Ghost Writing</li>
                     <li data-evidence="dots">D.O.T.S</li>
                     <li data-evidence-extra="fast"></li>
@@ -404,7 +404,7 @@ <h3>Goryo<img src="ghost-icons/goryo.png"></h3>
                 <ul class="evidence">
                     <li data-evidence="emf">EMF 5</li>
                     <li data-evidence="ultraviolet">UV</li>
-                    <li data-evidence="dots" required="true">D.O.T.S</li>
+                    <li data-evidence="dots" required>D.O.T.S</li>
                 </ul>
             </div>
         </div>
@@ -421,7 +421,7 @@ <h3>Hantu<img src="ghost-icons/hantu.png"></h3>
                 <ul class="evidence">
                     <li data-evidence="ultraviolet">UV</li>
                     <li data-evidence="orb">Ghost Orb</li>
-                    <li data-evidence="freezing" required="true">Freezing Temp</li>
+                    <li data-evidence="freezing" required>Freezing Temp</li>
                     <li data-evidence-extra="fast"></li>
                     <li data-evidence-extra="slow"></li>
                 </ul>
@@ -475,7 +475,7 @@ <h3>The Mimic<img src="ghost-icons/mimic.png"></h3>
                     <li data-evidence="box">Spirit Box</li>
                     <li data-evidence="ultraviolet">UV</li>
                     <li data-evidence="freezing">Freezing Temp</li>
-                    <li data-evidence="orb" required="true">Ghost Orb</li>
+                    <li data-evidence="orb" required>Ghost Orb</li>
                     <li data-evidence-extra="earlyhunt"></li>
                     <li data-evidence-extra="sanityloss"></li>
                     <li data-evidence-extra="fast"></li>
@@ -495,7 +495,7 @@ <h3>Moroi<img src="ghost-icons/moroi.png"></h3>
                     <li>Using incense nearby it during a hunt will disorient it for 50% longer, meaning it will still be disoriented for a few seconds after the incense has burnt down.</li>
                 </ul>
                 <ul class="evidence">
-                    <li data-evidence="box" required="true">Spirit Box</li>
+                    <li data-evidence="box" required>Spirit Box</li>
                     <li data-evidence="freezing">Freezing Temp</li>
                     <li data-evidence="writing">Ghost Writing</li>
                     <li data-evidence-extra="sanityloss"></li>
@@ -534,7 +534,7 @@ <h3>Obake<img src="ghost-icons/obake.png"></h3>
                 </ul>
                 <ul class="evidence">
                     <li data-evidence="emf">EMF 5</li>
-                    <li data-evidence="ultraviolet" required="true">UV</li>
+                    <li data-evidence="ultraviolet" required>UV</li>
                     <li data-evidence="orb">Ghost Orb</li>
                 </ul>
             </div>

diff --git a/src/main.sass b/src/main.sass
@@ -312,7 +312,7 @@ a
 .excluded
   opacity: 0.4
 
-.nightmare .evidence li[required="true"]
+.nightmare .evidence li[required]
   outline: rgba(255, 215, 0, 0.5) 1px dashed
 
   &.positive

diff --git a/src/main.ts b/src/main.ts
@@ -82,13 +82,13 @@ function updateGhosts() {
     // Fade any ghosts that can be ruled out based on excluded evidence
     ghostEvidences.forEach(evidence => {
         const ghost= evidence.closest(".ghost")!;
-        const requiredEvidence= evidence.querySelector<HTMLElement>("[required='true']");
+        const requiredEvidence= evidence.querySelector<HTMLElement>("[required]");
 
         const positives = evidence.querySelectorAll('.positive[data-evidence]');
         const negatives = evidence.querySelectorAll('.negative[data-evidence]');
         const positivesExtra = evidence.querySelectorAll('.positive[data-evidence-extra]');
         const negativesExtra = evidence.querySelectorAll('.negative[data-evidence-extra]');
-        const negativesRequired = evidence.querySelectorAll('.negative[required="true"]');
+        const negativesRequired = evidence.querySelectorAll('.negative[required]');
 
         ghost.classList.remove("excluded");