Как сделать чтобы при клике на изображение в поле баланс каждый раз по 1000$ добавлялось?

Question

[Вадик]

Я хочу чтобы при клике на изображение айфона у меня в поле баланса добавлялось каждый раз по 1000 а у меня выходит только 1 раз нажал + 1000 потом не меняется помогите ПЖЖЖ!!!

код:

function cr_ea_te_im_g() {
	$('body').append('<img src='+image+ 'width="220px"<img>');
	$('img').addClass('img')
	$('.img').click(function() {
		$( this ).css({'display': 'none'})
		$('#balance').text(+= 1000)
	});
}
balance = 0
$('#balance').text(balance)

<div class="i_m_g_b_tn_aaa cr_ea_te_im_g" onclick='cr_ea_te_im_g()'><p>Create image</p></div>
  <div class='balance'><span>Balance: </span><span id='balance'>0</span><span>$</span></div>

.i_m_g_b_tn_aaa {
	display: inline-block;
	background: rgb(51,51,51,0.1);
	padding: 12px;
	margin-left: 8px;
	margin-top: 8px;
	cursor: pointer;
}
.div {
	width: 100px;
	height: 100px;
	background: rgb(0,0,0,0.5);
	margin-top: 5px;
}
.i_m_g_b_tn_aaa::selection {background: transparent;}
.i_m_g_b_tn_aaa p::selection {background: transparent;}
img {
	margin-top: 20px;
}

.balance {
	display: inline-block;
	background: rgb(51,51,51,0.1);
	padding: 12px;
	margin-left: 338px;
	margin-top: 8px;
	cursor: pointer;
}

Comments

[maksam07]

Так это же легко. Всего лишь немного подправить код, который ты не показал и все будет работать

[Вадик]

Максим Компаниец, сейчас покажу

[Вадик]

Максим Компаниец,

image= "'images/iphone12/128gb/black.png'"
function cr_ea_te_im_g() {
	$('body').append('<img src='+image+ 'width="220px"<img>');
	$('img').addClass('img')
	$('.img').click(function() {
		$( this ).css({'display': 'none'})
		$('#balance').text(+ 1000)
	});
}
balance = 0
$('#balance').text(balance)

<div class="i_m_g_b_tn_aaa cr_ea_te_im_g" onclick='cr_ea_te_im_g()'><p>Create image</p></div>

<div class='balance'><span>Balance: </span><span id='balance'>0</span><span>$</span></div>

.i_m_g_b_tn_aaa {
	display: inline-block;
	background: rgb(51,51,51,0.1);
	padding: 12px;
	margin-left: 8px;
	margin-top: 8px;
	cursor: pointer;
}
.div {
	width: 100px;
	height: 100px;
	background: rgb(0,0,0,0.5);
	margin-top: 5px;
}
.i_m_g_b_tn_aaa::selection {background: transparent;}
.i_m_g_b_tn_aaa p::selection {background: transparent;}
img {
	margin-top: 20px;
}

.balance {
	display: inline-block;
	background: rgb(51,51,51,0.1);
	padding: 12px;
	margin-left: 338px;
	margin-top: 8px;
	cursor: pointer;
}

[Вадик]

Максим Компаниец, так нажимаю и только 1000 прибавилась и больше ничего потому что в переменной balance указано 0 а надо как-то наверно чтобы оно считывало цифры и текста который на балансе и добавлять 1000

Answer 1

[maksam07]

Не факт, что будет работать, но возможно будет

function cr_ea_te_im_g() {
    $('body').append('<img src=' + image + 'width="220px"<img>');
    $('img').addClass('img')
    $('.img').click(function () {
        $(this).css({'display': 'none'})
        $('#balance').text(parseInt($('#balance').text()) + 1000)
    });
}

Comments

[Вадик]

СПАСИБО БОЛЬШЕ !!! Я НЕ ЗНАЛ ПРОСТО ЭТО ЕЩЕ НИ РАЗУ НЕ НУЖНО БЫЛО А МНЕ КСТАТИ 12 ЛЕТ УЖЕ ПОЧТИ ГОД УЧУ html css, js(недавно начал учить),python(не очень знаю)

[maksam07]

Goldd lol, то что в таком раннем возрасте учишь такие вещи, это, конечно, классно. Продолжай в том же духе и должен добиться успеха)

[Вадик]

и еще я делаю типо свою библиотеку на js и jquery. Но как то думаю она бесполезная будет... будет типо ввел create() в свой js код появились кнопки на них нажал появилось изображение для теста типо и в своем js коде image = 'тут путь к фото' и будет твое фото повлятся при клике на кнопку

[Вадик]

Максим Компаниец, спасибо, но когда на экране 1 фото жму и +1000 а когда 2 фото +2000 и т.д. сколько фото на экране столько и добавляет но ладно лучше сделаю сайт какой-то а то начал и это начал эта библиотека не нужна наверно