Bell Game

A game for Bell

by renfley

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<div class="container">
    <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
        <li class="active"><a href="#main" data-toggle="tab"><span id="money">0$</span> Cash</a>
        </li>
        <li><a href="#fl" data-toggle="tab"><span id="frontline">0$</span> Front Line</a>
        </li>
        <li><a href="#rt" data-toggle="tab"><span id="resolutionteam"></span> Resolution Team</a>
        </li>
          <li><a href="#stitch" data-toggle="tab"><span id="stitchagents"></span> Stitch</a>
        </li>
    </ul>
    <div id="my-tab-content" class="tab-content">
        <div class="tab-pane active" id="main">
            <div class="col-md-3">Menu</div>
            <div class="col-md-9">
                <button onclick="addMoney(1)" class="btn">Money</button>
            </div>
        </div>
        <div class="tab-pane" id="fl">
            <div class="col-md-3">1</div>
            <div class="col-md-9">1</div>
        </div>
        <div class="tab-pane" id="rt">
            <div class="col-md-3">1</div>
            <div class="col-md-9">RT</div>
        </div>
        <div class="tab-pane" id="stitch">
            <div class="col-md-3">1</div>
            <div class="col-md-9">Stitch</div>
        </div>
    </div>

JavaScript

var money = 0;
var frontline = 0;
var resolutionteam = 0;
var stitchagents = 0;
var netsAgent = 0;

function addMoney(number) {
    money = money + number;

};

var cursors = 0;

function buyCursor() {
    var cursorCost = Math.floor(10 * Math.pow(1.1, cursors)); //works out the cost of this cursor
    if (money >= cursorCost) { //checks that the player can afford the cursor
        cursors = cursors + 1; //increases number of cursors
        cookies = cookies - cursorCost; //removes the cookies spent
        document.getElementById('cursors').innerHTML = cursors; //updates the number of cursors for the user
        document.getElementById('cookies').innerHTML = cookies; //updates the number of cookies for the user
    };
    var nextCost = Math.floor(10 * Math.pow(1.1, cursors)); //works out the cost of the next cursor
    document.getElementById('cursorCost').innerHTML = nextCost; //updates the cursor cost for the user
};

window.setInterval(function () {
    document.getElementById("money").innerHTML = money + "$";
    document.getElementById("frontline").innerHTML = frontline;
    document.getElementById("resolutionteam").innerHTML = resolutionteam;
    document.getElementById("stitchagents").innerHTML = stitchagents;
    cookieClick(cursors);

}, 10);