<select name="" id="reservation-select">
<option class="reservation-option _reqSelect" value=""></option>
</select>
<div class="custom-select">
<p class="custom__select__title">
Выберите количество
</p>
<i class="fal fa-angle-up"></i>
<div class="dropdown-select">
<div class="dropdown-item">1</div>
<div class="dropdown-item">2</div>
<div class="dropdown-item">3</div>
<div class="dropdown-item">4+</div>
</div>
</div>
js код
let option = document.querySelector('.reservation-option');
let customSelect = document.querySelector('.custom-select');
let customSelectTitle = document.querySelector('.custom__select__title');
let dropdownSelect = document.querySelector('.dropdown-select');
let selectItem = document.querySelectorAll('.dropdown-item');
customSelect.onclick = function(){
dropdownSelect.classList.toggle('active');
for(let i = 0;i<selectItem.length;i++){
selectItem[i].onclick = function(){
for(let i = 0;i<selectItem.length;i++){
selectItem[i].classList.remove('active');
}
selectItem[i].classList.add('active');
option.value = selectItem[i].innerHTML;
customSelectTitle.innerHTML = selectItem[i].innerHTML;
}
}
}
<?php
$prices = [5000, 2350, 4200, 4000, 3000, 4500];
$avg_price = round(array_sum($prices) / count($prices), 2);
foreach($prices as $price)
{
$abs_diff = round(abs($price-$avg_price)/$avg_price*100, 2);
echo "Цена {$price} на {$abs_diff}% ".
($price > $avg_price ? "дороже" : "дешевле")." чем средняя {$avg_price}\n";
}
Цена 5000 на 30.15% дороже чем средняя 3841.67
Цена 2350 на 38.83% дешевле чем средняя 3841.67
Цена 4200 на 9.33% дороже чем средняя 3841.67
Цена 4000 на 4.12% дороже чем средняя 3841.67
Цена 3000 на 21.91% дешевле чем средняя 3841.67
Цена 4500 на 17.14% дороже чем средняя 3841.67