Dark Hole

Круто. Но я еще добавил бы анимацию левой панели(при нажатии на +)
Кроме того баг подменю: при клике на субссыль мигает главное меню тоже(забыли распространение запретить)
Устроиться - вполне можно. Разве что в очень крупную компанию не возьмут

function buyfunc(){

	var result = document.querySelector('.balance');
	var leftvalue = document.querySelector('.value');
	result.innerHTML = 125500;
	leftvalue.innerHTML = 0;
	document.getElementById('bttn').addEventListener('click', buy);
}

function buy(){

	var bleft = document.querySelector('.balance').innerHTML -= 1500;
		if(bleft <= 0){
			alert("Баланс достиг нуля!");
			document.querySelector('.balance').innerHTML = 0;
		}
			var leftvalue =document.querySelector('.value').innerHTML = parseInt(document.querySelector('.value').innerHTML) + 1;
}
buyfunc();

Event.stopPropagation

function hello(a){
a.stopPropagation();
//other code
};

Это области видимости JS.
Первая - i, когда выполняется функция(через 0.1 сек) уже 10
Вторая - функция как бы сохраняет видимость тогда, когда она создана. Проще говоря, когда функция создавалась, она была глобальной и выводит name глобальной. А в коде вы объявляете локальную переменную name и присвоит ей Петя. Но глобальная переменная name все еще Вася, поэтому выводится Вася.

Понятно?

Во-первых, вам в объект или массив? {} - объект, []- массив
Во-вторых, легко же

function parseIntoTwoArrays(string){
var array = string.split('#');
// Tеперь array => ['{21.02.2016, 22.02.2015, 28.02.2016}', string2]
for(var counter = 0; counter < array.length; counter++){
array[counter] = array[counter].substring(1, array[counter].length - 1).split(', ');
};
return array;
};

var string = '{21.02.2016, 22.02.2015, 28.02.2016}#{10 товаров, 2 товара, 4 товара}';
var array = parseIntoTwoArrays(string);
var array1 = array[0];
var array2 = array[1];

Самым простым решением будет

// Native JS
var elements = document.getElementsByTagName('input');
      allValuesAsString = "";
      allValuesAsNumber = 0;
for(var counter = 0; counter < elements.length; counter++){
     allValuesAsString += elements[counter].value;
     allValuesAsNumber += parseInt(elements[counter]);
};
// jQuery
var elements = $('input');
      allValuesAsString = "";
      allValuesAsNumber = 0;
elements.each(function(){
      allValuesAsString += this.value;
      allValuesAsNumber += parseInt(this.value);
};

Но этот вариант подходит, только если у вас нет других инпутов.

// jQuery
var allValuesAsString = "";
      allValuesAsNumber = 0;
$('.player1 input').each(function(){
      allValuesAsString += this.value;
      allValuesAsNumber += parseInt(this.value);
});

Вот более хороший вариант(на Native JS другой человек уже написал).
Отмечу важную фишку моего кода: он читает даже не типизированые для чисел инпуты(т.е. он будет прибавлять число, которое он смог выделить)