Widget:HeroStats

英雄数据表格生成代码

<div>等级：<input id="hero-level-" type="number" min="1" max="20" value="1"></input></div>
<div id="towerstats-"></div>
<script>
var heroStatCache = heroStatCache || {};
(() => {
const parseHero = () => {
    let heroName = ''
    let heroLevel = parseInt(document.getElementById(`hero-level-${heroName}`).value)
    if (isNaN(heroLevel) || heroLevel < 1 || heroLevel > 20) {
        document.getElementById(`hero-level-${heroName}`).value = 1
        heroLevel = 1
    }
    const towerData = JSON.parse(document.getElementById(`towerdata-${heroName}`).innerText)[heroLevel]
    const towerStatsDOM = document.getElementById(`towerstats-${heroName}`)
    if (heroStatCache[`${heroName}-${heroLevel}`]) {
        towerStatsDOM.replaceChildren(heroStatCache[`${heroName}-${heroLevel}`])
        return
    }
    const DOM = generateTable(towerData, towerStatsDOM, {thClass: `info-hero-bg-title`, tdClass: `info-hero-bg`})
    heroStatCache[`${heroName}-${heroLevel}`] = DOM
}
document.getElementById('hero-level-').onchange = parseHero
parseHero()
})()
</script>