I need help with my betting system
I'm trying to make a basic slot machine and i ran into some problems with my code. Here's my code...
$(document) .ready(
function()
{
/*$("#machine").hide();
$("#title").fadeOut(3000);
$("#machine").fadeIn(5000);*/
$("#money").attr("disabled", "disabled");
$("#stop").attr("disabled", "disabled");
$("#spin").attr("disabled", "disabled");
$("#reel1a").css("visibility", "visible");
$("#reel2a").css("visibility", "visible");
$("#reel3a").css("visibility", "visible");
$('#spin').click(
function(){
$("#spin").attr("disabled", "disabled");
$("#bet").attr("disabled", "disabled");
$("#stop").removeAttr("disabled");
$("#reel2b").css("visibility", "visible");
$("#reel2c").css("visibility", "visible");
$("#reel2d").css("visibility", "visible");
$("#reel2e").css("visibility", "visible");
$("#reel3b").css("visibility", "visible");
$("#reel3c").css("visibility", "visible");
$("#reel3d").css("visibility", "visible");
$("#reel3e").css("visibility", "visible");
$("#reel1b").css("visibility", "visible");
$("#reel1c").css("visibility", "visible");
$("#reel1d").css("visibility", "visible");
$("#reel1e").css("visibility", "visible");
$('#slot1').cycle({
fx: 'none',
speed: 110,
timeout: 10,
}
);
$('#slot2').cycle({
fx: 'none',
speed: 100,
timeout: 12,
}
);
$('#slot3').cycle({
fx: 'none',
speed: 105,
timeout: 11,
}
);
});
$('#stop').click(
function(){
$("#stop").attr("disabled", "disabled");
$("#bet").removeAttr("disabled");
$('#slot1').cycle('stop');
$('#slot2').cycle('stop');
$('#slot3').cycle('stop');
var money = document.getElementsByName('money')[0].value;
var bet = document.getElementsByName('bet$')[0].value;
var reel1a = ("#reel1a")
var reel1b = ("#reel1b")
var reel1c = ("#reel1c")
var reel1d = ("#reel1d")
var reel1e = ("#reel1e")
var reel2a = ("#reel2a")
var reel2b = ("#reel2b")
var reel2c = ("#reel2c")
var reel2d = ("#reel2d")
var reel2e = ("#reel2e")
var reel3a = ("#reel3a")
var reel3b = ("#reel3b")
var reel3c = ("#reel3c")
var reel3d = ("#reel3d")
var reel3e = ("#reel3e")
if(reel1a || reel1b || reel1c || reel1d || reel1e)
{
var winnings = Number(bet) + Number(money); //this is where my problems are
// i need it to add my 2 variables together and show them in my #money input
}
})
$('#bet').click(
function(){
$("#bet").attr("disabled", "disabled");
$("#spin").removeAttr("disabled");
var money = document.getElementsByName('money')[0].value;
var bet = document.getElementsByName('bet$')[0].value;
if(bet > money)
{
alert("You don't have that much money.");
$("#spin").attr("disabled", "disabled");
$("#bet").removeAttr("disabled");
}
if(bet <= 0)
{
alert("You can't bet nothing.");
$("#spin").attr("disabled", "disabled");
$("#bet").removeAttr("disabled");
}
if(bet <= money && bet > 0)
{
var total = $('#money').val(money - bet);
}
}
);
}
);