@uygar Bootstrap kullanıyorsun sanırım. eğer öyleyse onun grid sistemi var zaten. Son yazdığımı silip class="d-flex justify-content-between" şu divin altındaki kapsayıcı divlere col-md-6 ve col-xs-12 verirsen olacak sanırım. Bootstrap in grid sistemine bakarsan orda yazar.
.d-flex justify-content-between => şu şekilde classa sahip olan iki divine 'flex-wrap' classınıda eklersen düzelecktir.
axios altına
let serviceUrl = null;
şeklinde bir değişken tanımla. Sonra res.data değişkenini serviceUrl değişkenine at. Sonrasında istediğin yerden erişebilirsin.
Çözdüm. İçerideki js kodlarımda sıkıntı vardı. Class seçiminde her iki componentinde aynı olduğu için ikisine birden datayı ekliyormuşum.
var div = document.createElement("div");
div.setAttribute("id", "new-div")
div.innerHTML = "New Div";
document.getElementById("selected-div").after(div); // Yeni divi varolan divin üzerine ekliyoruz
document.getElementById("selected-div").remove(); // Varolan divi siliyoruz
Sanırım yukarıdaki kod bloğu işini görecek.
@scotterinyes cevap için teşekkür ederim. Araştırdığımda bende bu tarz örnekler buldum. Acaba farklı bir şekilde (özellikle css ile) yapılabilir mi diye sormak istedim. Sanırım en iyi çözüm bu.
{
var isim = document.getElementById('isim')
function () {
const newFunc = name => {
name.src="";
name.onclick="";
name.style.weight="";
.
...
}
if(){
isim.style.width="";
ism.style.height="";
}
else {
newFunc(isim) // İstediğin yerde bu şekilde çağırabilirsin
}
}
}
Kopyala yapıştır yapmak yerine yeni bir fonksiyon oluşturup bunu istediğin yerde çağırabilirsin.
i18n.js diye bi kütüphane var. Ben bununla yapıyorum. 2 farklı json dosyası oluşturup (en.json ve tr.json) basit bir şekilde yapılabiliyor.
@admin evet o şekilde tanımlanabilir. Ancak proje hazır bir proje ve çok fazla :root ta tanımlanmış renk var ve heryede kullanılıyor. onların hepsini bu şekilde değiştirirsem direk color: var(--color) gibi kullanılan yerler patlayacak. O yüzden bunu gördüm fakat bununla uğraşmak istemedim açıkçası.
Bunun sebebi 'h' etiketleri ile 'span' etiketlerinin display değerlerinin farklı olması. Standart olarak span => display: inline, h etiketleri ise => display: block. Eğer h etiketinize display: inline derseniz boyut yazdığınız kelime uzunluğu kadar olacaktır.