JSFiddle - React, Tailwind, and code Playground

by paperelectron

HTML

<div id="wood"></div>
<div id="stone"></div>
<div id="beef"></div>
<div id="pork"></div>
<div id="wine"></div>

JavaScript

var wood = {
        selector: "wood",
        value: 10
    },
    stone = {
        selector: "stone",
        value: 20
    },
    beef = {
        selector: "beef",
        value: 30
    },
    pork = {
        selector: "pork",
        value: 40
    },
    wine = {
        selector: "wine",
        value: 50
    }

var gameObjects = [wood, stone, beef, pork, wine]

var update = function() {
    gameObjects.forEach(function(gObj){
        $("#"+ gObj.selector).html(gObj.selector +" : " + gObj.value);
    })
}

update()