Widget:Calculator/Magic/Aurum: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (7 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<form id="aurum-controls"> | <form id="aurum-controls" class="form-grid"> | ||
Scroll Price: <input type="number" id="scrollPrice" value="350">< | <label> | ||
Quantity: <input type="number" id="quantity" value="1">< | <span><a href="/w/Alchemy_Scroll" title="Alchemy Scroll">Alchemy Scroll</a> Price:</span> | ||
<input type="number" id="scrollPrice" value="350" min="1" max="1000"> | |||
</label> | |||
<label> | |||
<span>Quantity:</span> | |||
<input type="number" id="quantity" value="1" min="1" max="99999"> | |||
</label> | |||
</form> | </form> | ||
<script> | <script> | ||
function calculateProfits() { | function calculateProfits() { | ||
const coinIcon = ' <span class="noviewer" typeof="mw:File"><span><img src="/w/images/thumb/9/9a/Coins_icon.png/16px-Coins_icon.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="/w/images/thumb/9/9a/Coins_icon.png/24px-Coins_icon.png 1.5x, /w/images/9/9a/Coins_icon.png 2x"></span></span>'; | const coinIcon = ' <span class="noviewer" typeof="mw:File"><span><img src="/w/images/thumb/9/9a/Coins_icon.png/16px-Coins_icon.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="/w/images/thumb/9/9a/Coins_icon.png/24px-Coins_icon.png 1.5x, /w/images/9/9a/Coins_icon.png 2x"></span></span>'; | ||
const | // Scroll Price | ||
const | const scrollInput = document.getElementById('scrollPrice'); | ||
let scrollPrice = parseFloat(scrollInput.value); | |||
if (isNaN(scrollPrice) || scrollPrice < 0) { | |||
scrollPrice = 1; | |||
scrollInput.value = 1; | |||
} | |||
// Quantity | |||
const quantityInput = document.getElementById('quantity'); | |||
let quantity = parseInt(quantityInput.value); | |||
if (isNaN(quantity) || quantity < 1) { | |||
quantity = 1; | |||
quantityInput.value = 1; | |||
} | |||
document.querySelectorAll('#aurum-table tbody tr').forEach(row => { | document.querySelectorAll('#aurum-table tbody tr').forEach(row => { | ||
const | const aurumMinorValue = parseInt(row.dataset.aurumMinor); | ||
const | const aurumMajorValue = parseInt(row.dataset.aurumMajor); | ||
const aurumMinor = isNaN(aurumMinorValue) ? 0 : aurumMinorValue - scrollPrice; | |||
const aurumMajor = isNaN(aurumMajorValue) ? 0 : aurumMajorValue - scrollPrice; | |||
const minorTotal = aurumMinor * quantity; | const minorTotal = aurumMinor * quantity; | ||
const majorTotal = aurumMajor * quantity; | const majorTotal = aurumMajor * quantity; | ||
function wrap(value) { | function wrap(value) { | ||
const formatted = value.toLocaleString("en-US"); | |||
return value < 0 | return value < 0 | ||
? `<span style="color:#ee4231 !important">${ | ? `<span style="color:#ee4231 !important">${formatted}</span> ${coinIcon}` | ||
: `${ | : `${formatted} ${coinIcon}`; | ||
} | } | ||
Latest revision as of 15:57, 26 June 2025