Widget:Calculator/Combat/Level: Difference between revisions

Line 21:

border: 1px solid #333;

border-radius: 5px;

max-width: ~~400px~~;

max-width: 470px;

}

Line 122:

const hints = [

`+${neededHP} Hitpoints`,

`+${neededHP} <a href="/w/Hitpoints" title="Hitpoints"><img src="/w/images/thumb/9/96/Hitpoints_icon.png/20px-Hitpoints_icon.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="/w/images/9/96/Hitpoints_icon.png 1.5x" loading="lazy"></a>`,

`+${neededAcc} Accuracy`,

`+${neededAcc} <a href="/w/Accuracy" title="Accuracy"><img src="/w/images/thumb/d/df/Accuracy_icon.png/20px-Accuracy_icon.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="/w/images/d/df/Accuracy_icon.png 1.5x" loading="lazy"></a>`,

`+${neededStr} Strength`,

`+${neededStr} <a href="/w/Strength" title="Strength"><img src="/w/images/thumb/1/1b/Strength_icon.png/20px-Strength_icon.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="/w/images/1/1b/Strength_icon.png 1.5x" loading="lazy"></a>`,

`+${neededDef} Defense`,

`+${neededDef} <a href="/w/Defense" title="Defense"><img src="/w/images/thumb/e/e5/Defense_icon.png/20px-Defense_icon.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="/w/images/e/e5/Defense_icon.png 1.5x" loading="lazy"></a>`,

`+${neededMag} Magic`,

`+${neededMag} <a href="/w/Magic" title="Magic"><img src="/w/images/thumb/5/5c/Magic_icon.png/20px-Magic_icon.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="/w/images/5/5c/Magic_icon.png 1.5x" loading="lazy"></a>`,

`+${neededRng} Range`

`+${neededRng} <a href="/w/Range" title="Range"><img src="/w/images/thumb/1/13/Range_icon.png/20px-Range_icon.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="/w/images/1/13/Range_icon.png 1.5x" loading="lazy"></a>`

];

document.getElementById("level-hints").~~textContent~~ = `To reach level ${nextLevel}: ${hints.join(" or ")}`;

document.getElementById("level-hints").innerHTML = `To reach level ${nextLevel}: ${hints.join(" or ")}`;

}

@@ Line 21: / Line 21: @@
      border: 1px solid #333;
      border-radius: 5px;
-     max-width: 400px;
+     max-width: 470px;
    }
@@ Line 122: / Line 122: @@
    const hints = [
-     `+${neededHP} Hitpoints`,
+     `+${neededHP} <span typeof="mw:File"><a href="/w/Hitpoints" title="Hitpoints"><img src="/w/images/thumb/9/96/Hitpoints_icon.png/20px-Hitpoints_icon.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="/w/images/9/96/Hitpoints_icon.png 1.5x" loading="lazy"></a></span>`,
-     `+${neededAcc} Accuracy`,
+     `+${neededAcc} <span typeof="mw:File"><a href="/w/Accuracy" title="Accuracy"><img src="/w/images/thumb/d/df/Accuracy_icon.png/20px-Accuracy_icon.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="/w/images/d/df/Accuracy_icon.png 1.5x" loading="lazy"></a></span>`,
-     `+${neededStr} Strength`,
+     `+${neededStr} <span typeof="mw:File"><a href="/w/Strength" title="Strength"><img src="/w/images/thumb/1/1b/Strength_icon.png/20px-Strength_icon.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="/w/images/1/1b/Strength_icon.png 1.5x" loading="lazy"></a></span>`,
-     `+${neededDef} Defense`,
+     `+${neededDef} <span typeof="mw:File"><a href="/w/Defense" title="Defense"><img src="/w/images/thumb/e/e5/Defense_icon.png/20px-Defense_icon.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="/w/images/e/e5/Defense_icon.png 1.5x" loading="lazy"></a></span>`,
-     `+${neededMag} Magic`,
+     `+${neededMag} <span typeof="mw:File"><a href="/w/Magic" title="Magic"><img src="/w/images/thumb/5/5c/Magic_icon.png/20px-Magic_icon.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="/w/images/5/5c/Magic_icon.png 1.5x" loading="lazy"></a></span>`,
-     `+${neededRng} Range`
+     `+${neededRng} <span typeof="mw:File"><a href="/w/Range" title="Range"><img src="/w/images/thumb/1/13/Range_icon.png/20px-Range_icon.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="/w/images/1/13/Range_icon.png 1.5x" loading="lazy"></a></span>`
    ];
-   document.getElementById("level-hints").textContent = `To reach level ${nextLevel}: ${hints.join(" or ")}`;
+   document.getElementById("level-hints").innerHTML = `To reach level ${nextLevel}: ${hints.join(" or ")}`;
 }