кнопка для выполнения двух операций

Question

У меня есть кнопка, чтобы сделать две операции.И каждый раз, когда он нажимается, он выполняет одну из операций.Но эта кнопка выполняет обе операции вместе.Я хочу, чтобы эта кнопка была правильной.И если вы можете сделать этот код с JavaScript 6

$('.tab-content').on('click', '.sortByPrice', function () {
	$("i", this).toggleClass("agency-top-sort agency-btn-sort");
	customSort(FlyList,'price',true);	
	console.log(FlyList);
	$('#flights').updateDom(FlyList, {
		animate: true,
	});

});



$('.tab-content').on('click', '.sortByPrice', function () {
	$("i", this).toggleClass("agency-top-sort agency-btn-sort");
	customSort(FlyList,'price',false);	
	console.log(FlyList);
	$('#flights').updateDom(FlyList, {
		animate: true,
	});

});

Answer 1

Проблема в том, что вы дважды нажимаете на кнопку, ожидая, что запустится только правильная кнопка.

Я изменил его, поэтому есть переменная, которая меняется при каждом нажатии кнопки.

Я знаю, что вы сказали, что хотите изменить его на javascript6, но я сохранил его jQuery, поскольку updatedom - это функция jQuery.

var price_sort = false;

$(document).on('click', '.sortByPrice', function () {
  $("i", this).toggleClass("agency-top-sort agency-btn-sort");
  customSort(FlyList,'price',price_sort);	

  price_sort = !price_sort;

  console.log(FlyList);
  $('#flights').updateDom(FlyList, {
    animate: true,
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" class="sortByPrice">TEST</button>