изменение значения кнопок
Добрый День!
Встала задача написать скрипт изменения значения 3-х кнопок по нажатию на любую кнопку .После дня мучений получил результат,но терзают смутные сомнения что все что написал ,может уместиться в несколько строк кода.JS знаю слабо, интернет рыл, просто информации много и тяжело найти направление к чему это относится,вроде не слайдер и не карусель.
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<title>Изменяем кнопки</title>
</head>
<body>
<input id="b1" class="btn" name="btn1" type="button" value="1"><br>
<input id="b2" class="btn" name="btn2" type="button" value="2"><br>
<input id="b3" class="btn" name="btn3" type="button" value="3">
[JS]
var e =1;//static counter
$('.btn').on('click',function(){
//buttons
var a = $('#b1').attr('value');
var b = $('#b2').attr('value');
var c = $('#b3').attr('value');
if(e==1){
$('#b1').val(2);
$('#b2').val(3);
$('#b3').val(1);
}else if(e == 2){
$('#b1').val(3);
$('#b2').val(1);
$('#b3').val(2);
}else{
$('#b1').val(1);
$('#b2').val(2);
$('#b3').val(3);
}
//count step
e++;
//border step
if(e==4){
e=1;
}
});[/JS]
</body>
</html>
|