<select id="dilEkle" name="dilEkle">
  <option value="tr">Türkçe</option>
  <option value="en">İngilizce</option>
  <option value="fi">Fince</option>
  <option value="es">İspanyolca</option>
</select>


<style>.canli,.soluk,.yarim,.yildiz{margin:5px;margin-top:22px;}.canli{color:#6f42c1;}.soluk{color:#525f7f;}</style>
    
<div class="stat" style="font-size:22px; display: none">
    <span class="fas fa-star canli"></span>
    <span class="fas fa-star canli"></span>
    <span class="fas fa-star canli"></span>
    <span class="fas fa-star yarim" style="display: inline-block;line-height: 1em;background: linear-gradient(to right, #6f42c1 70%, #525f7f 30%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;"></span>
    <span class="fas fa-star soluk"></span>
</div>

$('[name="dilEkle"]').change(function(){
    $('#dilEkle').after(`<div class="oran"><hr><p>${$("#dilEkle option:selected").text()} seviyenizi seçin:</p><input type="range" value="0" min="1" max="100" oninput="this.nextElementSibling.value = this.value" name="secim"><output>0</output><button name="${this.value}Sec"><i class="fas fa-check-circle"></i> kaydet</button></div>`);
    $(`[name="${this.value}Sec"]`).click(function(){
        console.log($('[name="secim"]').val());
        $('.oran').remove();
        $('.stat').show();
    });
});

jquery ve fontawesome gerektirir. yaptığım yıldız dinamik bir görüntü oluşturuyor. ama bunu yapmak 2dk, css ile uğraşmak 1 saatimi aldı. uğraşamadım dönen yüzdeye göre koşullar yazmaya. koşulları doğru yazarsa yıldızların rengi ona göre değişir. dikkat etmen gereken nokta background da yer alan righ to yüzdesi. canli olan kisim tam puan alan class, yarim olna işte 4.5 puandır, 5. yıldızı etkileyen o yüzdesel backgroundlık kısımdır. soluk kısımsa negatif olan kısım, 2 puan aldıysa diğer 3 yıldız soluk class'lı olmalı. bol şans. normalde pek oturup kod yazmam teorik bilgi veririm sadece.

başlıktan anladığım ile içerikten anladığım apayrı şeyler. bence bir resim eklemelisin. ben hiç üye olup gezinmedim kariyer.net de.

ozelsite.com görüntülenmeyen site olsun.
site.com sizin siteniz olsun.

site.com/iframe url ile gerekiyorsa parametre oluşturarak (farklı sayfalar varsa) bir iframe sayfası oluşturun. sizin üzerinizden görüntülesinler. bu arada hosting ya da sunucunuz static ip'e sahip değilse ileride sorun yaşayabilirsiniz.

istinai hata olustur try catch olarak aratabilirsin bilmiyorsan soruyu yine anlamadim ama cozum olacaktir

amacın veritabanında bulunan resimlerden varolan herhangi birini tekrar yüklemeye çalıştıklarında hata vermek mi, yoksa aynı anda çok sayıda dosya yüklerken o dosyalar içerisinde aynı isme sahip dosyalar varsa hata mesajı vermek ki?

bende son zamanlarda yazdığım kodları revize ediyorum. daha kısa, daha performanslı ve güvenli olacak şekilde tekrar yazıyorum. bazen 1-2 saatte yazdığım bir sınıf için, birkaç gün uğraştığım oluyor. ama sonuç olarak 2 saatte yazdığımda, 2 günde yazdığımda aynı işi yapıyor. senin soruna gelicek olursak eğer, sende daha iyisini yapmak istiyorsun ve bu güzel bir şey. önce biraz temele inmemiz gerekir daha iyisini yapmadan önce, temelde neredeyse eksiksiz olmalıyız. bu gözünü korkutmasın, kimse eksiksiz değil. npm nedir buna bakmalısın örneğin önce, daha sonrasında aldığın bilgiler seni nodejs'e yönletecek, ardından javascript'e. javascripte geldiğin zaman ise, yıllar içinde yapılan güncellemeler sonucunda çok farklı kod yazma standartlarının olduğunu göreceksin. bunun en belirgin örneklerinden biri ise modül sistemi olabilir, normal bir javascript dosyası olarak çağrıldığında çalışmaz örneğin. modül olduğu belirtilmeli. bu standart ES ile birlikte ortaya çıkmıştır. temel amacı çok sayıda scripti çalışmaya dahil etmeyi amaçlamaktır. syntax'ın aynı kalmasına rağmen, aynı söz dizimi bu durumda çalışmayabilir. bunun en temel sebeplerinden biri ise es standartlarında global ölçekte tanımlama yapılamamasıdır. nedir global ölcek, bir dosyada tanımladığın herhangi bir şeye farklı bir dosyada erişmen olası değildir. tekrar tanımlanması gerekir. bunları az çok anladıktan sonra, çalışma alanına göre paket yöneticileri ile çalışabilirsin. ancak basit ölçekte bir iş yapıyorsan buna gerek yok. peki basitliğin dışına nasıl çıkabilirsin? kendi projelerini ve araçlarını geliştir. standartlara uy. örneğin oop standartlarını bilmiyorsan, gelişmiş bir proje oluşturamazsın. az çok anladığım kadarıyla cevap vermeye çalıştım, yanlış olduğumu düşünen varsa belirtmesinden memnun olurum. ancak sorunun cevabı bana göre, temele inmen gerektiği. fonskiyon oluşturmayı biliyorsan eğer, sınıf oluşturmaya başla, sınıf oluşturmayı ve kullanmayı biliyorsan mimari oluşturmaya çalış, mimari oluşturabiliyorsan artık paket yöneticilerine geç ve çalışmalarına neyi dahil edip etmeyeceğini, neyi çalıştırıp çalışmayacağını seçerek yola devam et. ancak bu sırada bir eksiklik olursa, install'dan öteye geçemezsin. çünkü neyin nasıl çalıştığını öğrenmeden işe giriştin.

veriyi kaydetmeden once ayni icerik varsa hata mesaji ver ve kaydetme

<input name="kartbilgileri" type="text">

$('[name="kartbilgileri"]').keyup(function(){
    if(this.value != "doğru bilgi"){
        $('.hata-mesaji').text('hatalı bilgi');
    }else{
        //normal kodlar
    }
});

kart bilgileri sayısal olduğu için, kontrol koşulunu artık ona göre ayarlarsın. mantık bu. keyup sayesinde daha form gönderilmeden kontrol ediliyor ayrıca.

basicDropdownClickInvoker bu id bir toggle görevi görüyor, html kodlarınıdan toggle değerlerini kaldır, jquery ile tıklamaya dayalı yeniden etkinlik oluştur.

en fazla int(10) yapabilirsin. oda int <= 2147483647