yok mu bunun hakkında video yapmam :)
basit bir tık ama.
olay database'de geriside sessionlara kalıyor

Acode Editör

    const veri = [
       {
         dateTime: "2022-05-09 10:00",
         price: 1200
       },
       {
         dateTime: "2022-05-09 11:00",
         price: 1100
       },
       {
         dateTime: "2022-05-09 12:00",
         price: 1350
       },
       {
         dateTime: "2022-02-24 19:21",
         price: 800
       },
       {
         dateTime: "2022-02-24 09:21",
         price: 1800
       },
      ]
    function duzenle(data){
      function dt(string){
        const t = string.match(/[0-9]{2}:[0-9]{2}/ig);
        const d = string.match(/[0-9]{4}(-[0-9]{2})*/ig);
        return {time: t[0],date: d[0]}
      }
      var data_ = []
      data.forEach(e => {
        var dates= dt(e.dateTime), feature = `${e.price} (${dates.time})`;
        if(typeof data_[dates.date] == 'undefined') data_[dates.date] = [feature];
        else data_[dates.date].push(feature)
      })
      return data_;
    }
    console.log(duzenle(veri))

bu kodu php uyarlayarak aynı sonucu alabilirsin

döngü mantığını kavramadan projeye devam etmemeni öneririm :)

Bu Kadar Basit Birşeyi Bu kadar uzatmak mantıksız

fff=null;
$(function(){	

			IftarSahurVakti(9146);
			$('#sehirler option[value="9402"]').prop("selected", true);
})
    
    

function IftarSahurVakti(targetLocationId)
{
	clearInterval(fff);
  var $test = $("#imsakiye").eq(0);
  $countdownName = $test.find("#test-countdown-name");
  $countdown = $test.find("#test-countdown");

  var now = new Date();
  var tomorrow = new Date(now);
  tomorrow.setDate(tomorrow.getDate()+1);

  $.ajax({
      type:"get",
      url:"https://namaz-vakti-api.herokuapp.com/data?region="+targetLocationId,
      success:function(response){
          var todayImsak = response[0][1].split(":");
          var todayAksam = response[0][5].split(":");
          var tomorrowImsak = response[1][1].split(":");
          var todayImsakDate = new Date(now.getFullYear(), now.getMonth(), now.getDate(), todayImsak[0], todayImsak[1], 0);
          var todayAksamDate = new Date(now.getFullYear(), now.getMonth(), now.getDate(), todayAksam[0], todayAksam[1], 0);
          var tomorrowImsakDate = new Date(tomorrow.getFullYear(), tomorrow.getMonth(), tomorrow.getDate(), tomorrowImsak[0], tomorrowImsak[1], 0);

          if(now <= todayImsakDate) $countdownName.text("Sahura kalan süre:");
          else if(now > todayImsakDate && now <=todayAksamDate) $countdownName.text("İftara kalan süre:");
          else $countdownName.text("Sahura kalan süre:");

          calculateCountdown(todayImsakDate, todayAksamDate, tomorrowImsakDate, $countdown);
          fff = setInterval(function() {
              calculateCountdown(todayImsakDate, todayAksamDate, tomorrowImsakDate, $countdown);
          },1000);
      }
  });
  
}

function calculateCountdown(imsakDate, aksamDate, tomorrowImsakDate, $element) {
    now = new Date();
    var targetDate = null;
    if(now <= imsakDate) targetDate = imsakDate;
    else if(now > imsakDate && now <=aksamDate) targetDate = aksamDate;
    else targetDate = tomorrowImsakDate;
    
    var hours = parseInt((targetDate - now) / (1000 * 60 * 60) % 24);
    var minutes = parseInt((targetDate.getTime() - now.getTime()) / (1000 * 60) % 60);
    var seconds = parseInt((targetDate.getTime() - now.getTime()) / (1000) % 60); 
    $element.text(hours + " saat " + minutes + " dakika " + seconds + " saniye");
}

meselea bir divin var ve arkasında resimler vs
eger sen divinin rengini belirtirken rgba(255,255,255,0.1) yaparsan
arkasına blur vermek için

backdrop-filter: blur(/*2px misal*/);

kullanman lazım arka plan blur efekti alacaktır

const selects = document.getElementById("telcode"),
    inputs = document.getElementById("inputTel");
    selects.addEventListener("change",(e) => 
        (
            inputs.placeholder = e.target.options[e.target.options.selectedIndex]
                                  .innerText.match(/([0-9+]+)/ig)
        )
)

dene bunu

o alanın ::-webkit-scrollbar(chrome için)'ının visibilitysini hidden yapmayı denedinmi ?

//popun açılmasını saglayan yerden
 (e)=>{
    e.preventDefault();
 }
//yaz çalışması lazim