WT Calculate Insignia Cost to Level

by gdarussian

HTML

<p>
    <h1>Calculate Insignia Cost to Level</h1>
    <hr />
</p>

<p>
    <label>EXP Book Used:</label>
    <select id="expBook" size="1" onChange="calcexp()">
        <option value="5000" selected="selected">Lvl. 3 EXP Scroll</option>
    </select>
</p>

<p>
    <label>From EXP:</label>
    <input id="curEXP" size=10 value ="" maxlength=9 onChange="calcexp()" />
</p>

<p>
    <label>Total EXP:</label>
    <input id="finalEXP" size=10 value ="" maxlength=9 onChange="calcexp()">
    <hr>
</p>

<p>
    Cost = <div id="answer"></div>
</p>

CSS

body { 
    margin: 1em; 
    font-size: 85%;
}

* {
    font-family:arial, helvetica, sans-serif;
    margin:0;
    padding:0;
}

p {
    font-size:1em;
    margin: 0 0 .8em 0;
}

.result {
    font-weight: bold;
    font-size: 100%;
}

.result0 { color: black; }
.result1 { color: black; }
.result2 { color: green; }
.result3 { color: deepskyblue; }
.result4 { color: lime; }
.result5 { color: blue; }
.result6 { color: red; }
.result7 { color: purple; }
.result8 { color: orange; }
.result9 { color: fuchsia; }

table {
    margin: 1em 0 0 0
}

html>body {
    font-size: 12px;
}

label 
{
    display: inline-block; 
    width: 90px; 
    text-align: right; 
}

select { 
    width: 125px;
}

h1 {
    font-weight: bold;
    font-size: big;
    margin: 0 1em 1em 0;
}

input {
    width: 120px;
}

JavaScript

// *** Calculate Insignia Cost to Level *** //
// By Myrkr. Fix this when more costs are known.
function calcexp() {
    var exptype = parseInt(document.getElementById('expBook').value);
    var val1 = parseInt(document.getElementById('curEXP').value);
    var val2 = parseInt(document.getElementById('finalEXP').value);
    if (isNaN(val1) || isNaN(val2) || isNaN(exptype)) answer='';
    else if (val1<1 || val2<2 || val1>=val2)
        answer='Invalid exp range';
    else {
    var expRem = ((val2-val1)/exptype)*10
    var insigs = Math.ceil(expRem/10)*10;
        answer = ''+(insigs);
        answer += ' Insignias';
    }
    document.getElementById('answer').innerHTML = answer;
}