Karma Calculator

[Lynx]

On 1 of my forums, we run an MRPG (Marvel RP Game) where Karma is earned. Karma is, from a perspective, synonymous to XP (eXperience Points) in AD&D. At the end of the game night, the Judge (GM) gives out Karma awards. I'm trying to find a way to make a plugin where my members can click a button to bring up (popup?) a "Karma Calculator". They would need to enter 3 numbers: Current Rank; Desired Rank; # of Column Shifts. From that, the plugin can give them the Karma cost for purchasing/upgrading powers/talents/etc.

The current code I use to plug in into the console to do this for them is:


var a = 14; // Change to CURRENT RANK NUMBER
var b = 40; // Change to DESIRED RANK NUMBER
var c = 3; // Change to reflect the number of columns shifted
var d = 0; // LEAVE AT ZERO - this is an initialization for our total Karma needed

/* Do NOT change anything below this line except where stated below */

for (i = a; i < b; i++) {
 d += i * 10;
}
d += c * 200;


How would I go about setting this up to where I could have a popup with 3 fields (by clicking a button) where the member can input the 3 numbers (variables 'a', 'b' and 'c' in the code) and have it output the result on the popup (after clicking the "Calculate" button). The popup would need 2 buttons on the bottom right: "Calculate" and "Close".

Thanks!

[Peter]

Basic example:

https://gist.github.com/PopThosePringles/7f881c9863a3ff850c792da590f17b77

Anything you don't understand just ask away

[Lynx]

Peter,

THANK YOU very much! Heh, looks like I was trying to make it harder than what it was. I'll be sure to go over the code this weekend and let you know if there's something I don't understand.

Thanks again!

P.S. That actually solves some problems I was trying to figure out for a quiz plugin I was working on - so this is doubly helpful.

[Lynx]

Hey, Peter!

Got a question for you. How can I check if a checkbox is checked? In the code, I added this to the HTML:


function create_dialog(){
let html = "<div>";

html += "Current Rank Number: <input type='text' id='current-rank' /><br />";
html += "Desired Rank Number: <input type='text' id='desired-rank' /><br />";
html += "# of Columns Shifted: <input type='text' id='cols' /><br />";
       html += "<input type='checkbox' id='karma-dbl' name='karma-dbl />";
       html += "<label for='karma-dbl'>Check box if a double power</label><br /><br />";
       html += "<div id='karma-calculation'></div>";

html += "</div>";

return html;
}


but I can't figure out how to test whether the checkbox is checked or not. For this part:

for(let i = a; i < b; i ++){
   d += i * 10;
}


I need it as is for unchecked, but it has to change to d += i * 20; if it is checked. Please help. Thanks!

Note: I did take a look at MDN, but really couldn't find a satisfactory answer (they used a <form> and <input type="submit"> in their example).

[Peter]

You need to check the checked attribute of the field.

developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Additional_attributes

#1
document.getElementById("karma-dbl").checked 

#2
$("#karma-dbl").attr("checked")

#3
$("#karma-dbl").get(0).checked 

There is a difference with #2. With the other examples (#1 is the same as #3), you will get a Boolean. With #2, you will get the value of the checked attribute.

Edit: Forgot to say that I updated the gist so you can see how I would probably go about doing this. I used method #3 for checking if the input field was checked or not, as this returns either true or false.

https://gist.github.com/PopThosePringles/7f881c9863a3ff850c792da590f17b77

Any questions just ask away.

[Lynx]

Thank you very much again, Peter!