Прикрепить переменный к объекту API - PullRequest
0 голосов
/ 13 сентября 2018

Таким образом, я получаю несколько объектов из REST API.

Я получаю данные через AJAX, например:

var APICaller = (function () {
    let endpoint = "https://jsonplaceholder.typicode.com/";

    function api_call(method, url, data, callback) {
        $.ajax({
            url: url,
            method: method,
            data: data,
            success: callback
        });
    }

    function get_users(callback) {
        let method = "GET";
        let url = endpoint + "users";
        let data = {};
        api_call(method, url, data, callback);
    }

    return {
        get_users: get_users,
    };
})();

Я кидаю 3 кубика, и итоговые значенияиз этих 3 кубиков должны быть прикреплены к каждому пользователю, чтобы я мог заказать «табло» после общего значения.Интересно, есть ли способ прикрепить переменную totalamount к каждому пользователю?

Спасибо в Advace!

РЕДАКТИРОВАТЬ:

В настоящее время я получаю всех пользователей отAPI.

Это остальная часть моего кода в этой теме:

var Game = (function () {
    var dice_total;
    //Function for when the dice rolls.
    function roll_dice() {
        var value1 = $(".val1");
        var value2 = $(".val2");
        var value3 = $(".val3");
        var v1 = Math.floor(Math.random() * 6) + 1;
        var v2 = Math.floor(Math.random() * 6) + 1;
        var v3 = Math.floor(Math.random() * 6) + 1;

        value1.html(v1);
        value2.html(v2);
        value3.html(v3);

        dice_total = v1 + v2 + v3;
    }

    return {
        roll_dice: roll_dice
    };
})();

var EventHandlers = (function () {
    function init() {
        var currentPlayer;
        APICaller.get_users(on_get_users_success);

        function on_get_users_success(response) {
            //For each user in the API
            $.each(response, function (i, user) {
                $("#my-list").append('<li class="list-li"><a class="list-a">' + user.name + '</a></li>');
                //Create the divs and p tags 
                $("#dice_value").append('<div class="val_div"> <p class="val1"></p> <p class="val2"></p> <p class="val3"></p></div>');
            });
            //change information
            $("#info-txt").text("Välj en spelare!");
        }
        // On klick on a user make klicked user your own player.
        $("#my-list").on('click', '.list-a', function () {
            currentPlayer = this.text;

            $("#info-txt").text("Tryck på spela knappen för att börja spelet!");
            $("#currentPlayer-div").animate({
                height: '300px',
                opacity: '1'
            });
            $("#currentPlayer-h3").text(currentPlayer);

        });
        // On klick of the play button
        $("#startGame-button").click(function () {

            $().animate();
            $("#currentPlayer-div").animate({
                height: '150px'
            });
            $("#startGame-button").animate({
                opacity: '0'
            });
            $("#dice_value").animate({
                opacity: '1'
            });
            Game.roll_dice();
        });

        // $(".button-to-hide").click(function (){
        //     $(this).hide();
        // });

        // $("#show-all-buttons").click(function (){
        //     $(".button-to-hide").show();
        // });

        // $("#btn-edit-text").click(function (){
        //     var value = $("#my-input").val();
        //     $("p").html(value);
        // });

    }

    return {
        init: init,
    }

})();
var DocumentEdit = (function () {

    return {

    }
})();
$(document).ready(function () {
    EventHandlers.init();
});

Надеюсь, что это описывает.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...