Difference between revisions of "Widget:AdventurerPageStatsCalculator"
Jump to navigation
Jump to search
imported>Elaeagnifolia |
imported>Elaeagnifolia |
||
| Line 16: | Line 16: | ||
mw.loader.using( ['mediawiki.util'] ) | mw.loader.using( ['mediawiki.util'] ) | ||
).then( function() { | ).then( function() { | ||
| − | + | init().then( function() { | |
| + | calcStats(); | ||
| + | }); | ||
}); | }); | ||
}); | }); | ||
}); | }); | ||
| + | |||
| + | function init() { | ||
| + | document.getElementById("adv-rarity-input-3").innerHTML = '<input type="radio" value=3 name="rarity" oninput="calcStats()"><label for="adv-rarity-input-3">3★</label>'; | ||
| + | document.getElementById("adv-rarity-input-4").innerHTML = '<input type="radio" value=4 name="rarity" oninput="calcStats()"><label for="adv-rarity-input-4">4★</label>'; | ||
| + | document.getElementById("adv-rarity-input-5").innerHTML = '<input type="radio" value=5 name="rarity" oninput="calcStats()"><label for="adv-rarity-input-5">5★</label>'; | ||
| + | document.getElementById("adv-level-input").innerHTML = '<label for="adv-level-input-field" style="font-weight:bold;">Level</label><input type="number" id="adv-level-input-field" value=80 min=1 max=80 style="width:40px; text-align:center; margin-left:5px;" oninput="calcStats()">'; | ||
| + | } | ||
function calcStats() { | function calcStats() { | ||
| Line 76: | Line 85: | ||
<div id="adv-level-input-container" style="display:inline-block; text-align:center;"> | <div id="adv-level-input-container" style="display:inline-block; text-align:center;"> | ||
<form id="adv-rarity-select" style="display:inline;"> | <form id="adv-rarity-select" style="display:inline;"> | ||
| − | < | + | <div id="adv-rarity-input-3"></div> |
| − | < | + | <div id="adv-rarity-input-4"></div> |
| − | < | + | <div id="adv-rarity-input-5"></div> |
</form> | </form> | ||
| − | <div id="adv-level-input" style="display:inline-block; margin-left:1.5em;"> | + | <div id="adv-level-input" style="display:inline-block; margin-left:1.5em;"></div> |
| − | |||
| − | |||
| − | |||
<div id="adv-stat-output-container" style="text-align:center; margin-top:4px;"> | <div id="adv-stat-output-container" style="text-align:center; margin-top:4px;"> | ||
<div id="adv-stat-output" style="border: 1px solid gray; padding:4px;"> | <div id="adv-stat-output" style="border: 1px solid gray; padding:4px;"> | ||