Kintone JSedit

So basically to add more context, in Kintone I can embed JavaScript into it to complete functions. So what I've done is create this GUI, where you can input numbers into the Unit Price and Amount(qty). My desire is that through my JS it will automatically calculate the Total and display it in the box below. This is a over simplified example of what I intend to use it for but still learning JS as that's not my normal go to language.


Here is my code:

(function() {
    "use strict";
    var NUMBER = 'mynumber'; //field code of number field
    var ZEROFILL = 'zerofilled_number'; //field code of text field to set result into
    var NUMOFDIGITS = 8 //number of digits for the zero-filled number

    function zeroFill(value, length) {
        if (value.length >= length) { return value; }
        return (new Array(length).join('0') + value).slice(-length);
    }
 
    var events = ["app.record.create.change." + NUMBER, 'app.record.edit.change.' + NUMBER];
 
    kintone.events.on(events, function(event) {
        var record = event.record;
        var changes = event.changes.field;
        var length = NUMOFDIGITS;
        record[ZEROFILL].value = zeroFill(changes.value, length);
        return event;
    });
    // Events triggered while the record is in edit mode
    kintone.events.on(['app.record.edit.show', 'app.record.create.show', 'app.record.index.edit.show'], function (event) {
        // Restricting the input of the "Total" field
        event.record['Total'].disabled = true;

        return event;
    });
})();

Select all Open in new window