Onaylı olan yanıtta bir kod örneği paylaşmışlar;
https://stackoverflow.com/questions/5529718/how-to-detect-internet-speed-in-javascript
String parse edip eval() ile yeni fonksiyonu tetikletebilirsin. Ama ben buna neden ihtiyaç duyduğunu anlamadım, JS kodlarını parse eden bir şey yapıyorsan dediğim yolu izlemelisin.
Eğer sadece bir modal açıp kapatmak ise yapmak istediğin, 2 tane a etiketi oluşturup birine Aç diğerine Kapat yazıp ilgili functionları çalıştırıp Css ile işini çözebilirsin veya iki buton olmasın istersen Toggle kullanabilirsin
useeffect'i kullanırken, ikinci parametre olarak [] verirsen component ilk yüklendiğinde calisır ve bir daha oraya girmez, console da aldığın hata ondan kaynklı olabilir. [count,loading] diye deneyebilir misin boş array yerine
Next.js varsayılan olarak css module kullnıyor diye hatırlıyorum, bozulmalar ondna kaynaklı olabilir. Normal css ile css module (scoped css) farklı. Next js de CSS Module olmadan nasıl css dosyalarını sayfana dahil etmen gerektiğini araştırmanı öneririm
Localstorage kullanabilirsin.
https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
Kullandığın dildeki string fonksiyonlarını araştırmalısın. Örneğin;
Php array to string diye arama yaparak ilgili sonuçlara ulaşabilirsin.
HTML yapına uygun CSS class'ları ile çözüm üretebilirsin tek liste içinde.
Eğer liste dinamik geliyorsa class isimlerini dinamik şekilde if koşulları ile ekletip / çıkartman gerekebilir
HTML kodların;
<ul>
<li class="out rounded">1</li>
<li class="brtlr">2</li>
<li class="brblr">3</li>
<li class="out" class="brtlr">4</li>
<li class="out brblr">5</li>
<li class="rounded">6</li>
<li class="out rounded">7</li>
<li class="brtlr">8</li>
<li>9</li>
<li class="brblr">10</li>
<li class="out rounded">11</li>
</ul>
CSS kodların;
ul {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
ul li {
padding: 5px 10px;
display: block;
color: white;
background: #444;
height: 30px;
list-style-type: none;
}
ul li.out {
background: cornflowerblue;
}
/* Border Radius Top Left and Right */
.brtlr {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
/* Border Radius Bottom Left and Right */
.brblr {
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
/* Border Radius Full */
.rounded {
border-radius: 12px;
}
Genellikle dinamik alanlar için veritabanı kulanılması daha doğru olur. Ancak yapmak istediğin şey PHP ile FTP ye dosya kaydetmek ise
bu makale yardımcı olabilir;
https://www.techrepublic.com/article/keep-your-options-open-with-ftp-file-uploads-using-php/
Makale;
Video;