几个按钮的值改变

multi.html

@@ -830,9 +830,9 @@ var formation = new Formation(teamsCount,5);
 					<!--怪物加值-->
 					<div class="plus-box">
 						<ul>
-							<li class="m-hp-li"><span class="plus-value"><input type="number" class="m-plus-hp" min=0 max=99 value=99 /></span><button class="m-plus-btn" value="0">0</button></li>
-							<li class="m-atk-li"><span class="plus-value"><input type="number" class="m-plus-atk" min=0 max=99 value=99 /></span><button class="m-plus-btn" value="0">0</button></li>
-							<li class="m-rcv-li"><span class="plus-value"><input type="number" class="m-plus-rcv" min=0 max=99 value=99 /></span><button class="m-plus-btn" value="0">0</button></li>
+							<li class="m-hp-li"><span class="plus-value"><input type="number" class="m-plus-hp" min=0 max=99 value=99 /></span><button class="m-plus-btn" value="0"></button></li>
+							<li class="m-atk-li"><span class="plus-value"><input type="number" class="m-plus-atk" min=0 max=99 value=99 /></span><button class="m-plus-btn" value="0"></button></li>
+							<li class="m-rcv-li"><span class="plus-value"><input type="number" class="m-plus-rcv" min=0 max=99 value=99 /></span><button class="m-plus-btn" value="0"></button></li>
 						</ul><button class="m-plus-btn-297"><span>297</span></button>
 					</div>
 				</div>
@@ -843,8 +843,8 @@ var formation = new Formation(teamsCount,5);
 						<span class="monster-cost"></span>
 					</div>
 					<div class="subrow">
-						<button class="m-level-btn-min" value="1">1</button>~<button class="m-level-btn-max" value="99">99</button>
-						<button class="m-level-btn-110 display-none" value="110">110</button>
+						<button class="m-level-btn-min" value="1"></button>~<button class="m-level-btn-max" value="99"></button>
+						<button class="m-level-btn-110 display-none" value="110"></button>
 					</div>
 					<div class="m-level-exp"></div>
 				</div>
@@ -914,7 +914,7 @@ var formation = new Formation(teamsCount,5);
 					<div class="skill-title"><div class="type-title"></div><span class="skill-name"></span>
 						<div class="skill-cd-control">
 							<label class="skill-level-label"><input type="number" class="m-skill-level" min=1 max=99 defaultValue=1 /></label>
-							<button class="m-skill-lv-1" value="1">1</button>~<button class="m-skill-lv-max" value="1">1</button>
+							<button class="m-skill-lv-1" value="1"></button>~<button class="m-skill-lv-max" value="1"></button>
 							<span class="skill-cd"></span>
 						</div>
 					</div>

script.js

@@ -15,6 +15,7 @@ let showSearch; //整个程序都可以用的显示搜索函数
 
 const dataStructure = 3; //阵型输出数据的结构版本
 const className_displayNone = "display-none";
+const dataAttrName = "data-value"; //用于储存默认数据的属性名
 const isGuideMod = Boolean(parseInt(getQueryString("guide"))); //是否以图鉴模式启动
 
 if (location.search.includes('&')) {
@@ -1057,14 +1058,14 @@ function initialize() {
 
 	const mSeriesId = smonsterinfoBox.querySelector(".monster-seriesId");
 	mSeriesId.onclick = function() { //搜索系列
-		const seriesId = parseInt(this.getAttribute('data-seriesId'), 10);
+		const seriesId = parseInt(this.getAttribute(dataAttrName), 10);
 		if (seriesId > 0) {
 			showSearch(Cards.filter(card => card.seriesId == seriesId));
 		}
 	};
 	const mCollabId = smonsterinfoBox.querySelector(".monster-collabId");
 	mCollabId.onclick = function() { //搜索合作
-		const collabId = parseInt(this.getAttribute('data-collabId'), 10);
+		const collabId = parseInt(this.getAttribute(dataAttrName), 10);
 		if (collabId > 0); {
 			showSearch(Cards.filter(card => card.collabId == collabId));
 		}
@@ -1425,6 +1426,7 @@ function initialize() {
 		if (count < 9) {
 			count++;
 			countDom.value = count;
+			//this.setAttribute("value", count);
 			this.parentNode.classList.remove("zero");
 		}
 	}
@@ -2482,16 +2484,16 @@ function editBoxChangeMonId(id) {
 	const mName = monInfoBox.querySelector(".monster-name");
 	mName.textContent = returnMonsterNameArr(card, currentLanguage.searchlist, currentDataSource.code)[0];
 	const mSeriesId = monInfoBox.querySelector(".monster-seriesId");
-	mSeriesId.textContent = card.seriesId;
-	mSeriesId.setAttribute("data-seriesId", card.seriesId);
+	//mSeriesId.textContent = card.seriesId;
+	mSeriesId.setAttribute(dataAttrName, card.seriesId);
 	if (card.seriesId == 0) {
 		mSeriesId.classList.add(className_displayNone);
 	} else {
 		mSeriesId.classList.remove(className_displayNone);
 	}
 	const mCollabId = monInfoBox.querySelector(".monster-collabId");
-	mCollabId.textContent = card.collabId;
-	mCollabId.setAttribute("data-collabId", card.collabId);
+	//mCollabId.textContent = card.collabId;
+	mCollabId.setAttribute(dataAttrName, card.collabId);
 	if (card.collabId == 0) {
 		mCollabId.classList.add(className_displayNone);
 	} else {
@@ -2550,33 +2552,6 @@ function editBoxChangeMonId(id) {
 		}
 	});
 	evoLinkCardsIdArray.sort((a,b)=>a-b);
-	/*const evoLinkCardsSet = new Set(Cards.filter(m=>m.evoRootId == card.evoRootId).map(m=>m.id)); //筛选出相同进化链的
-	if (card.henshinFrom || card.henshinTo)
-	{  //添加变身的
-		function loopAddHenshin(setObj,card)
-		{
-			const tcard1 = Cards[card.henshinFrom] || null;
-			const tcard2 = Cards[card.henshinTo] || null;
-			const evoCards = Cards.filter(m=>m.evoRootId == card.evoRootId).map(m=>m.id);
-			if (tcard1 && !setObj.has(tcard1.id))
-			{
-				setObj.add(tcard1.id);
-				loopAddHenshin(setObj,tcard1);
-			}
-			if (tcard2 && !setObj.has(tcard2.id))
-			{
-				setObj.add(tcard2.id);
-				loopAddHenshin(setObj,tcard2);
-			}
-			if (evoCards.length > 0)
-			{
-				evoCards.forEach(id=>setObj.add(id));
-			}
-		}
-		loopAddHenshin(evoLinkCardsSet,card);
-	}*/
-	//const evoLinkCardsIdArray = Array.from(evoLinkCardsSet).sort((a,b)=>a-b);
-	//const evoLinkCardsIdArray = Cards.filter(m=>m.evoRootId == card.evoRootId).map(m=>m.id);
 
 	const createCardHead = editBox.createCardHead;
 	const openEvolutionaryTree = settingBox.querySelector(".row-mon-id .open-evolutionary-tree");
@@ -2646,7 +2621,8 @@ function editBoxChangeMonId(id) {
 	monEditSAwokensRow.querySelector("#sawoken-choice--1").click(); //选中隐藏的空超觉
 
 	const monEditLvMax = settingBox.querySelector(".m-level-btn-max");
-	monEditLvMax.textContent = monEditLvMax.value = card.maxLevel;
+	//monEditLvMax.textContent = monEditLvMax.value = card.maxLevel;
+	monEditLvMax.value = card.maxLevel;
 	const monEditLv = settingBox.querySelector(".m-level");
 	monEditLv.max = monEditLv.value = card.maxLevel + (card.limitBreakIncr ? 11 : 0); //默认等级为110
 	const monEditLv110 = settingBox.querySelector(".m-level-btn-110");
@@ -2695,7 +2671,7 @@ function editBoxChangeMonId(id) {
 	skillLevel.max = t_maxLevel;
 	skillLevel.value = t_maxLevel;
 	skillLevel_Max.value = t_maxLevel;
-	skillLevel_Max.textContent = skill.maxLevel;
+	//skillLevel_Max.textContent = skill.maxLevel;
 	skillCD.textContent = skill.initialCooldown - t_maxLevel + 1;
 
 	rowSkill.appendChild(fragment);
@@ -2922,9 +2898,8 @@ function refreshAbility(abilityDom, team, idx) {
 function setTextContentAndAttribute(dom,str)
 {
 	if (!dom) return;
-	const attrName = "data-value";
 	dom.textContent = str;
-	dom.setAttribute(attrName, str);
+	dom.setAttribute(dataAttrName, str);
 }
 
 //刷新队伍能力值合计

solo.html

@@ -746,9 +746,9 @@ var formation = new Formation(teamsCount,6);
 					<!--怪物加值-->
 					<div class="plus-box">
 						<ul>
-							<li class="m-hp-li"><span class="plus-value"><input type="number" class="m-plus-hp" min=0 max=99 value=99 /></span><button class="m-plus-btn" value="0">0</button></li>
-							<li class="m-atk-li"><span class="plus-value"><input type="number" class="m-plus-atk" min=0 max=99 value=99 /></span><button class="m-plus-btn" value="0">0</button></li>
-							<li class="m-rcv-li"><span class="plus-value"><input type="number" class="m-plus-rcv" min=0 max=99 value=99 /></span><button class="m-plus-btn" value="0">0</button></li>
+							<li class="m-hp-li"><span class="plus-value"><input type="number" class="m-plus-hp" min=0 max=99 value=99 /></span><button class="m-plus-btn" value="0"></button></li>
+							<li class="m-atk-li"><span class="plus-value"><input type="number" class="m-plus-atk" min=0 max=99 value=99 /></span><button class="m-plus-btn" value="0"></button></li>
+							<li class="m-rcv-li"><span class="plus-value"><input type="number" class="m-plus-rcv" min=0 max=99 value=99 /></span><button class="m-plus-btn" value="0"></button></li>
 						</ul><button class="m-plus-btn-297"><span>297</span></button>
 					</div>
 				</div>
@@ -759,8 +759,8 @@ var formation = new Formation(teamsCount,6);
 						<span class="monster-cost"></span>
 					</div>
 					<div class="subrow">
-						<button class="m-level-btn-min" value="1">1</button>~<button class="m-level-btn-max" value="99">99</button>
-						<button class="m-level-btn-110 display-none" value="110">110</button>
+						<button class="m-level-btn-min" value="1"></button>~<button class="m-level-btn-max" value="99"></button>
+						<button class="m-level-btn-110 display-none" value="110"></button>
 					</div>
 					<div class="m-level-exp"></div>
 				</div>
@@ -830,7 +830,7 @@ var formation = new Formation(teamsCount,6);
 					<div class="skill-title"><div class="type-title"></div><span class="skill-name"></span>
 						<div class="skill-cd-control">
 							<label class="skill-level-label"><input type="number" class="m-skill-level" min=1 max=99 defaultValue=1 /></label>
-							<button class="m-skill-lv-1" value="1">1</button>~<button class="m-skill-lv-max" value="1">1</button>
+							<button class="m-skill-lv-1" value="1"></button>~<button class="m-skill-lv-max" value="1"></button>
 							<span class="skill-cd"></span>
 						</div>
 					</div>

style.css

@@ -1356,9 +1356,18 @@ ul{
 	text-overflow:ellipsis;
 	overflow:hidden;
 }
+.monsterinfo-box .monster-seriesId::after,
+.monsterinfo-box .monster-collabId::after
+{
+	content: attr(data-value);
+}
 .monsterinfo-box .monster-seriesId:hover::after,
 .monsterinfo-box .monster-collabId:hover::after,
 .monsterinfo-box .monster-altName:hover::after
+{
+	content: attr(data-value) "🔍";
+}
+.monsterinfo-box .monster-altName:hover::after
 {
 	content: "🔍";
 }
@@ -1590,6 +1599,10 @@ ul{
 {
 	content: "+";
 }
+.row-mon-plus .m-plus-btn::after
+{
+	content: attr(value);
+}
 .row-mon-plus .m-plus-btn
 {
 	padding: 0 3px;
@@ -1652,6 +1665,12 @@ ul{
 	font-size: 18px;
 	padding: 0 3px;
 }
+.row-mon-level .m-level-btn-min::after,
+.row-mon-level .m-level-btn-max::after,
+.row-mon-level .m-level-btn-110::after
+{
+	content: attr(value);
+}
 .m-level-btn-110
 {
 	color: blue;
@@ -1773,6 +1792,11 @@ ul{
 .skill-box .m-skill-lv-max::before{
 	content: "最高Lv";
 }*/
+.skill-box .m-skill-lv-1::after,
+.skill-box .m-skill-lv-max::after
+{
+	content: attr(value);
+}
 .skill-box{
 	font-family: var(--game-font-family);
 	font-size: 16px;

triple.html

@@ -1473,9 +1473,9 @@ var formation = new Formation(teamsCount,6);
 					<!--怪物加值-->
 					<div class="plus-box">
 						<ul>
-							<li class="m-hp-li"><span class="plus-value"><input type="number" class="m-plus-hp" min=0 max=99 value=99 /></span><button class="m-plus-btn" value="0">0</button></li>
-							<li class="m-atk-li"><span class="plus-value"><input type="number" class="m-plus-atk" min=0 max=99 value=99 /></span><button class="m-plus-btn" value="0">0</button></li>
-							<li class="m-rcv-li"><span class="plus-value"><input type="number" class="m-plus-rcv" min=0 max=99 value=99 /></span><button class="m-plus-btn" value="0">0</button></li>
+							<li class="m-hp-li"><span class="plus-value"><input type="number" class="m-plus-hp" min=0 max=99 value=99 /></span><button class="m-plus-btn" value="0"></button></li>
+							<li class="m-atk-li"><span class="plus-value"><input type="number" class="m-plus-atk" min=0 max=99 value=99 /></span><button class="m-plus-btn" value="0"></button></li>
+							<li class="m-rcv-li"><span class="plus-value"><input type="number" class="m-plus-rcv" min=0 max=99 value=99 /></span><button class="m-plus-btn" value="0"></button></li>
 						</ul><button class="m-plus-btn-297"><span>297</span></button>
 					</div>
 				</div>
@@ -1486,8 +1486,8 @@ var formation = new Formation(teamsCount,6);
 						<span class="monster-cost"></span>
 					</div>
 					<div class="subrow">
-						<button class="m-level-btn-min" value="1">1</button>~<button class="m-level-btn-max" value="99">99</button>
-						<button class="m-level-btn-110 display-none" value="110">110</button>
+						<button class="m-level-btn-min" value="1"></button>~<button class="m-level-btn-max" value="99"></button>
+						<button class="m-level-btn-110 display-none" value="110"></button>
 					</div>
 					<div class="m-level-exp"></div>
 				</div>
@@ -1557,7 +1557,7 @@ var formation = new Formation(teamsCount,6);
 					<div class="skill-title"><div class="type-title"></div><span class="skill-name"></span>
 						<div class="skill-cd-control">
 							<label class="skill-level-label"><input type="number" class="m-skill-level" min=1 max=99 defaultValue=1 /></label>
-							<button class="m-skill-lv-1" value="1">1</button>~<button class="m-skill-lv-max" value="1">1</button>
+							<button class="m-skill-lv-1" value="1"></button>~<button class="m-skill-lv-max" value="1"></button>
 							<span class="skill-cd"></span>
 						</div>
 					</div>