Суть в том, что есть поле в котором введено значение = 1, есть две кнопки: кнопка1 прибавляет 1, кнопка2 отнимает тоже 1. Кнопка2 должна становиться некликабельной или нерабочей, после того как отнимет 1. Но должна возобновляться, то есть становиться снова рабочей, после того, как значение увеличится на 2.( то есть после того как совершиться действие запрограммированное на кнопку 1). на примере: значение = 1 . Нажимаем кнопку1 => значение = 2, нажимаем кнопку2 => значение = 1, кнопка 2 становиться disabled. далее пользователи нажимают на кнопку1 и при достижении значения = 3, кнопка2 становиться снова активной.
jQuery('document').ready(function() {
jQuery('.go').on('click', function() {
var pg = {};
pg = jQuery('#p1').val();
pg = parseInt(pg);
var pn;
pn = pg + 1;
$('#p1').attr('value', pn)
});
jQuery('.back').on('click', function () {
var pb = jQuery('#p1').val();
pb = parseInt(pb);
var ch;
ch = pb - 1;
$('#p1').attr('value', ch);
$('.back').attr('disabled', true );
});
jQuery('.go').on('click', function first() {
var go;
if(go >= ch + 2) {
$('.back').attr('disabled', false );
}
});
});
Проблема еще в том, что код не видит значения переменной из другой функции, читал про return и global, но так как новичок в этом деле, не получилось, так как там нет описания подобного случая. пытался сделать еще вот так
jQuery('document').ready(function() {
jQuery('.go').on('click', function() {
var pg = {};
pg = jQuery('#p1').val();
pg = parseInt(pg);
var pn;
pn = pg + 1;
$('#p1').attr('value', pn)
});
jQuery('.back').on('click', function () {
var pb = jQuery('#p1').val();
pb = parseInt(pb);
var ch;
ch = pb - 1;
$('#p1').attr('value', ch);
$('.back').attr('disabled', true );
var c, k;
k = ch;
if(c >= k + 2) {
$('.back').attr('disabled', false );
}
});
});
Вот отрывок кода input:
<form>
<p><input type="number" value="1" id="p1" readonly required/></p>
<p><button class="b go" onclick="return false;" >Отправить</button> <button class="b back" onclick="return false;"> Забрать </button></p>
<button class="b again" onclick="return false;" ></button>
</form>