ParametersJS (PROTOTYPE)

A javascript clone prototype of the flash game Parameters. (http://www.nekogames.jp/g.html?gid=PRM)

by Travis

HTML

<a class="quest">
    <span class="bar"></span>
    <span class="barValue"></span>
</a>

<a class="battle">
    <span class="bar"></span>
    <span class="barValue"></span>
</a>

CSS

body {background:#333; padding:20px;}

.quest {height:15px; margin:0px 0px 5px 0px; background:yellow; border:1px solid #000; display:block; cursor:pointer;}
.battle {height:15px; margin:0px 0px 5px 0px; background:red; border:1px solid #000; display:block; cursor:pointer;}
.bar {width:0px; height:15px; background:blue;}
.barValue {color:#FFF; margin:0 auto;}

JavaScript

var exp = 0;  // Experience
var lvl = 10; // Level
var pwr = 1;  // Power
var stm = 20; // Stamina

var atk = pwr + lvl;

$(function(){
    $('.quest').on('click', function(){
        //$(this).find('.bar').animate({width: '+=10'});
        $(this).find('.bar').animate({width: '+=' + atk}, 100);            
    });
});