diff --git a/multi.html b/multi.html
index 26d5cdfa..b8180c5a 100644
--- a/multi.html
+++ b/multi.html
@@ -472,21 +472,21 @@ var formation = new Formation(teamsCount,5);
diff --git a/script.js b/script.js
index 7821afd7..4d55dd60 100644
--- a/script.js
+++ b/script.js
@@ -828,8 +828,26 @@ function initialize() {
const s_attr1s = Array.from(searchBox.querySelectorAll(".attrs .attr-list-1 .attr-radio"));
const s_attr2s = Array.from(searchBox.querySelectorAll(".attrs .attr-list-2 .attr-radio"));
const s_fixMainColor = searchBox.querySelector("#fix-main-color");
- const s_types = Array.from(searchBox.querySelectorAll(".types-div .type-check"));
- const s_typeAndOr = searchBox.querySelector("#type-and-or");
+ const s_typesDiv = searchBox.querySelector(".types-div");
+ const s_types = Array.from(s_typesDiv.querySelectorAll(".type-check"));
+ const s_typeAndOr = s_typesDiv.querySelector("#type-and-or");
+ const s_typesUl = s_typesDiv.querySelector(".type-list");
+ const s_typesLi = Array.from(s_typesUl.querySelectorAll("li"));
+ const s_typesCheckBox = s_typesLi.map(li=>li.querySelector(".type-check"));
+ s_typesCheckBox.forEach(checkBox=>
+ checkBox.onchange = function(){
+ const newClassName = `type-killer-${this.value}`;
+ if (this.checked && s_typeAndOr.checked)
+ s_typesUl.classList.add(newClassName);
+ else
+ s_typesUl.classList.remove(newClassName);
+ }
+ );
+ s_typeAndOr.onchange = function(){
+ s_typesCheckBox.forEach(checkBox=>checkBox.onchange());
+ };
+ s_typeAndOr.onchange();
+
const s_awokensItems = Array.from(searchBox.querySelectorAll(".awoken-div .awoken-count"));
const s_awokensIcons = s_awokensItems.map(it => it.querySelector(".awoken-icon"));
const s_awokensCounts = s_awokensItems.map(it => it.querySelector(".count"));
diff --git a/solo.html b/solo.html
index c7ab49b3..296a6ea4 100644
--- a/solo.html
+++ b/solo.html
@@ -422,21 +422,21 @@ var formation = new Formation(teamsCount,6);
diff --git a/style.css b/style.css
index a7c6554a..5f3849cc 100644
--- a/style.css
+++ b/style.css
@@ -952,6 +952,43 @@ ul{
margin-left: 10px;
margin-right: 0;
}
+.types-div .type-list li
+{
+ position: relative;
+}
+.types-div .type-list li:after
+{
+ content: "⚔️";
+ font-size: 10px;
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ display: none;
+ pointer-events:none;
+}
+.types-div .type-list.type-killer-5 li[data-type-icon="7"]:after,
+.types-div .type-list.type-killer-4 li[data-type-icon="8"]:after,
+.types-div .type-list.type-killer-4 li[data-type-icon="3"]:after,
+.types-div .type-list.type-killer-7 li[data-type-icon="5"]:after,
+.types-div .type-list.type-killer-8 li[data-type-icon="5"]:after,
+.types-div .type-list.type-killer-8 li[data-type-icon="1"]:after,
+.types-div .type-list.type-killer-1 li[data-type-icon="5"]:after,
+.types-div .type-list.type-killer-1 li[data-type-icon="4"]:after,
+.types-div .type-list.type-killer-1 li[data-type-icon="7"]:after,
+.types-div .type-list.type-killer-1 li[data-type-icon="8"]:after,
+.types-div .type-list.type-killer-1 li[data-type-icon="1"]:after,
+.types-div .type-list.type-killer-1 li[data-type-icon="6"]:after,
+.types-div .type-list.type-killer-1 li[data-type-icon="2"]:after,
+.types-div .type-list.type-killer-1 li[data-type-icon="3"]:after,
+.types-div .type-list.type-killer-6 li[data-type-icon="7"]:after,
+.types-div .type-list.type-killer-6 li[data-type-icon="2"]:after,
+.types-div .type-list.type-killer-2 li[data-type-icon="8"]:after,
+.types-div .type-list.type-killer-2 li[data-type-icon="3"]:after,
+.types-div .type-list.type-killer-3 li[data-type-icon="4"]:after,
+.types-div .type-list.type-killer-3 li[data-type-icon="6"]:after
+{
+ display: block;
+}
/*.search-box .awoken-div::before{
content: "觉醒";
}*/
diff --git a/triple.html b/triple.html
index 61adc022..25879ed6 100644
--- a/triple.html
+++ b/triple.html
@@ -1117,21 +1117,21 @@ var formation = new Formation(teamsCount,6);