<form method="post" action="{% url 'base' %}" id="sorted-games">
{% csrf_token %}
<div class="tab">
{% for i in game_sorted %}
<button value="{{ i.name }}" id="games_sorted" type="button" name="games_sorted_name" class="tablinks">{{ i.name }}</button>
{% endfor %}
</div>
</form>
<script type="text/javascript">
$(function(){
$('#sorted-games').click(function(e){
e.preventDefault();
var data = $(this).serialize();
console.log(data)
$.ajax({
type: "POST",
url: "{% url 'base' %}",
data: data,
success: function(result){
$('#result-games-sorted').html(result);
}
});
});
});
</script>Если на сайте будут прописаны свои стили для тегов
#scope-id button{}в виджете библиотек, фреймворков не исключит совпадения с такими же на сайте.
Но я так понимаю, что нужно написать цикл, чтобы проверить каждый элемент но не знаю, как правильно это сделать.
return hits?.length ? hits[0].point : undefined