<select id="form-validation-field-0" class="form-text ">
<option value="">Seçiniz</option>
<option value="60" selected>seçenek 1</option>
<option value="65">seçenek 2</option>
</select>
<!-- Yada bunu kullanabilirsin -->
<select id="form-validation-field-0" class="form-text " value="60">
<option value="">Seçiniz</option>
<option value="60" >seçenek 1</option>
<option value="65">seçenek 2</option>
</select>
tabi eğer amacın sadece 60 değerinin seçilebilir yapmak ise
const selectBox=document.querySelector(".form-text");
selectBox.addEventListener("change",(e)=>{
if(e.target.value!="60"){
e.target.selectedIndex = 0;
}
})
Tam olarak korumak mümkün mü pek bir fikrim yok yalnız birkaç ay önce stackexchange de gördüğüm bu tartışmaya bir göz atabilirisin bir çok farklı yöntemi ve görüşü barındırıyor.
link burada
!function(){}(); // => true
~function(){}(); // => -1
+function(){}(); // => NaN
-function(){}(); // => NaN
Bu arada arrow foksiyonlar ile normal fonksiyonların farklarını anlatan güzel makale var herkesin incelemesini öneririm, link burada
ES6 ile gelen arrow functionlar this
parametresini desteklemiyor.
Bu yuzden eventten dönen değeri bir değişken ile belirtmelisin.
ayrıca zaten derdin elemente ulaşmak ise foreachte zaten elementi dönüyorsun.
Direkt olarak detaylı açıklayamayacağım lakin, bu bu linke bakabilirsin. Bu benim işime yaramıştı, umarım yardımcı olur.
hangi dil ile çalıştığını bilmiyorum ama burada python ile bir örneği bulunuyor.
Kodunun tam nasıl bir şemaya sahip olduğunu ve hangi elemente böyle bir işlem uygulamaya çalıştığını bilmediğm için ekstra çok bir şey söyleyeeyeceği lakin büyük ihtimal ile blur uyguladığın elementin altındaki elementin rengi eğer tek bir renk ise otomatik olarak bir blur farkedilmeyecektir ki bu çok dolğal, tek bir renge uygulanan bir blur her yerde aynı renk görünümünü oluşturacağı için bir anlamı olayacaktır.
örnek olarak bu linkteki öreneğe bakabilirsin.
oradada görebileceğin gibi blurlanmış element en üste ve arkasında sadece beyaz arka plan varken bir blur efekti oluşmuyor ama aşağıya scroll ettiğinde yazıların üzerinde iken arkasında renk değişimleri olduğu için blur efekti belirgin hale geliyor.
eğer sabit bir elemente blur efekti vermek istiyorsan belki arka planına bir resim ekleyebilir yada bir graident uygulayabilirsin.
edit: linkte bir hata vardı güncelledim kusura bakma.
backdrop-filter: blur(2px)
bu kod ile arka planı blurlandırabilirsin , ama eğer arka plan renginin opacity si full ise blur yapmayacaktır dolayısı ile arka plana eklediğin rengin opacity dğerini belli oranda düşürmen gerek.
örnek olarak background-color:rgb(0, 0, 0 , 0.9);
Çağırmaktan kastettiğin nedir bilmiyorum ama sanıyorum ki bu yöntem işin yarayacaktır.
let element = document.querySelector('.my-element')
let style = window.getComputedStyle(element, '::before')
bu sayede seçtiğin pseudo elementin stillerinde JavaScript ile değişiklik yapabilirsin.