Widget:Calculator/Magic/Aurum: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
<form id="aurum-controls"> | <form id="aurum-controls"> | ||
Scroll Price: <input type="number" id="scrollPrice" value=" | Scroll Price: <input type="number" id="scrollPrice" value="100"><br> | ||
Quantity: <input type="number" id="quantity" value="1"><br> | Quantity: <input type="number" id="quantity" value="1"><br> | ||
</form> | </form> | ||
Line 11: | Line 11: | ||
document.querySelectorAll('#aurum-table tbody tr').forEach(row => { | document.querySelectorAll('#aurum-table tbody tr').forEach(row => { | ||
const | const aurumMinor = parseInt(row.dataset.aurumMinor); | ||
const aurumMajor = parseInt(row.dataset.aurumMajor); | |||
// | // Total profit calculations | ||
const | const minorTotal = (aurumMinor - scrollPrice) * quantity; | ||
const | const majorTotal = (aurumMajor - scrollPrice * 3) * quantity; | ||
function wrap(value) { | |||
return value < 0 | return value < 0 | ||
? `<span style="color: #ee4231 !important | ? `<span style="color:#ee4231 !important">${value}</span>` | ||
: `${value}`; | : `${value}`; | ||
} | } | ||
row.querySelector('.aurumMinorEach').innerHTML = | row.querySelector('.aurumMinorEach').innerHTML = wrap(aurumMinor); | ||
row.querySelector('.aurumMajorEach').innerHTML = | row.querySelector('.aurumMajorEach').innerHTML = wrap(aurumMajor); | ||
row.querySelector('.aurumMinorTotal').innerHTML = | row.querySelector('.aurumMinorTotal').innerHTML = wrap(minorTotal); | ||
row.querySelector('.aurumMajorTotal').innerHTML = | row.querySelector('.aurumMajorTotal').innerHTML = wrap(majorTotal); | ||
}); | }); | ||
} | } |