สอบถามเรื่องjavascriptผมจะเอาตัวเเปรในนั้นมาใช้งานต่อยังไงครับ

var ballRed = 'cicle-red';
var ballBlue = 'cicle-blue';
var ballGreen = 'cicle-green';
var setBlue = '<div class="panel-player">เพลเยอร์</div>';
var setRed = '<div class="panel-bankker">แบงค์เกอร์</div>';
var ready = '<div class="ready">กรุณากดปุ่ม P เพลเยอร์ หรือ T เสมอ หรือ B แบงค์เกอร์ เพื่อเริ่มการคำนวณค่ะ</div>';
var refil = '';
var setResultWIN = '<div class="set-result-re"> ดีใจด้วยนะคะ ไปต่อกันเลยค่ะ</div>';
var setResultLOSE = '<div class="set-result-re">เสียใจด้วยนะคะ สู้ๆ ค่ะ</div>';
var setResult1 = '<div class="number-wood">ไม้ 1 </div>';
var setResult2 = '<div class="number-wood">ไม้ 2 </div>';
var setResult3 = '<div class="number-wood">ไม้ 3 </div>';
var setResultCount = '<div class="set-result-count"> </div>';
var setResultRe = '<div class="set-result-re">&nbsp;</div>';
var credit1 = '<div class="set-result-re">กรุณาเติมเครดิต</div>';
var credit2 = '<div class="set-result-re"> </div>';


var addBall = function (ball) {
    $(".currentBall").addClass("prevBall2");
    $(".currentBall").removeClass("currentBall");
    $(".noBall2:first").addClass("currentBall");
    $(".noBall2:first").removeClass("noBall2");
    $(".currentBall >.ball2").addClass(ball);
};
var removeBall = function () {
    $(".currentBall >.ball2").removeClass(function (index, css) {
        return (css.match(/(^|\s)cicle-\S+/g) || []).join(' ');
    });
    $(".currentBall").addClass("noBall2");
    $(".prevBall2:last").addClass("currentBall");
    $(".prevBall2:last").addClass("prevBall2");
    $(".currentBall:last").removeClass("currentBall");
    $(".prevBall2:last").removeClass("prevBall2");
    $('#CountBet').html(setResultCount);
    $('#Result').html(setResultRe);
    $('#NextBet').html(ready);
};
var resetBall = function () {
    $(".ball-grid2").removeClass("currentBall");
    $(".ball-grid2").removeClass("prevBall2");
    $(".ball-grid2").addClass("noBall2");
    $(".ball-grid2 >.ball2").removeClass(function (index, css) {
        return (css.match(/(^|\s)cicle-\S+/g) || []).join(' ');
    });
};
var renderTable = function () {
    var grid = '<div class="myCol"> ';
    grid += '   <div class="ball-grid2"><div class="ball2"></div></div> ';
    grid += '   <div class="ball-grid2"><div class="ball2"></div></div> ';
    grid += '   <div class="ball-grid2"><div class="ball2"></div></div> ';
    grid += '   <div class="ball-grid2"><div class="ball2"></div></div> ';
    grid += '   <div class="ball-grid2"><div class="ball2"></div></div> ';
    grid += '   <div class="ball-grid2"><div class="ball2"></div></div> ';
    grid += ' </div>';
    for (i = 0; i < 12; i++) {
        $("#myCalculateTable").append(grid);
    }
};
$(function () {
    renderTable();
    loadHistory();
    loadCredit();
    loadcreditTable();
    loadstatisticTable();
    $(".ball-grid2").addClass("noBall2");
    $("#addBallRed").on("click", function () {
        cal2('B');
        addBall(ballRed);
    });
    $("#addBallGreen").on("click", function () {
        clickaddballgreen();
        addBall(ballGreen);
    });
    $("#addBallBlue").on("click", function () {
        cal2('P');
        addBall(ballBlue);
    });
});
function loadcreditTable() {
    $("#creditTable").load("ajax_load_credit.php");
}
function loadHistory() {
    $("#statistic").load("ajax_statistic.php");
}

function loadstatisticTable() {
    $("#statisticTable").load("ajax_load_statistic.php");
}
function loadchart() {
    $("#chart").load("ajax_chart.php");
}
function loadaPlanmoney() {
    $("#planmoney").load("ajax_planmoney.php");
}
var cal2 = function (arg) {
    var url = 'controller/function.php?click=' + arg;
    $.getJSON(url, function (resp) {
        console.log('cal2.resp >>> ' + JSON.stringify(resp));
        if (resp.credit === '0') {
            resetTable();
            $('#Result').html(credit1);
            $('#NextBet').html(credit2);
            $('#CountBet').html(credit2);
        } else {
            if (resp.point === 'B') {
                $('#NextBet').html(setRed);
            } else if (resp.point === 'P') {
                $('#NextBet').html(setBlue);
            } else if (resp.point === 'T') {
                $('#CountBet').html(setResultCount);
                $('#Result').html(setResultRe);
                $('#NextBet').html(ready);
            } else if (resp.point === '') {
                $('#CountBet').html(setResultCount);
                $('#Result').html(setResultRe);
                $('#NextBet').html(ready);
            }

            if (resp.result === 'WIN') {
                $('#Result').html(setResultWIN);
                loadHistory();
                loadCredit();
                loadstatisticTable();
            } else if (resp.result === 'LOSE') {
                $('#Result').html(setResultLOSE);
                loadHistory();
                loadstatisticTable();
            } else if (resp.result === '') {
                $('#Result').html(setResultRe);
                $('#CountBet').html(setResultCount);
            }

            if (resp.clickWin === '1') {
                $('#CountBet').html(setResult1);
            } else if (resp.clickWin === '2') {
                $('#CountBet').html(setResult2);
            } else if (resp.clickWin === '3') {
                $('#CountBet').html(setResult3);
            } else if (resp.result === '') {
                $('#CountBet').html(setResultCount);
            }
            if (resp.point === '') {
                $('#CountBet').html(setResultCount);
            }

        }
    });

};

function clickaddballgreen() {
                $('#CountBet').html(setResultCount);
                $('#Result').html(setResultRe);
                $('#NextBet').html(ready);
}
function undoBall() {
    removeBall();
    $.post("controller/function.php", {
        data: 'undoBall'},
            function () {
                loadCredit()
            }

    );

}
function loadCredit() {
    $("#credit").load("ajax_credit.php");
}


function resetTable() {
    resetBall();
    $.post("controller/resettableball.php", {
        data: 'resetTable'},
            function () {
                window.location.reload();
            }

    );
}

function resetHistory() {
    $.post("controller/resettablehistorystatatic.php", {
        data: 'resetHistory'},
            function () {
                window.location.reload();
            }
    );
}