:focus-within
ile bunu yapman mümkün. Bu arkadaş içerde bir şekilde bir eleman focus olursa bunu tespit ederek stil yazmanı sağlıyor.
.content:focus-within {
border: 2px solid red;
}
otomatik doldurtacaksan kullanıcı adı ve şifreyi neden login sayfasına atıyorsun direk giriş yaptır :)
istediğin şey çok mantıklı değil, belki daha önce giriş yaptığı kullanıcı adı tutulabilir. Ama şifreyi tutmak?
Kullanıcının son girdiği kullanıcı adını hatırlaması için;
<input type="text" name="username" id="username">
<script>
// localStorage'da kayıtlı username varsa inputu otomatik doldur
if (localStorage.getItem('username')) {
document.getElementById('username').value = localStorage.getItem('username')
}
// inputa kullanıcı adı girilirse bu girişi localStorage'a at, bir sonraki girişinde hatırlaması için
document.getElementById('username').addEventListener('keyup', function() {
localStorage.setItem('username', this.value)
});
</script>
codepen.io'dan bir örnek pen oluşturup bizimle sorunu düzenleyip paylaşırsan daha kolay yardımcı olabiliriz, bu şekilde soru havada kalmış ne yazık ki.
muhtemelen iframe ile çektiğin içeriğin iframe'e sığmadığı için o scrolları oluşturuyordur, çağırdığın yerden kontrol edebilirsin ya da scrolling="no"
işini görür @eminkurt cevabındaki gibi.
<form>
etikene target="result"
ekle, iframe'ine ise name="result"
ekle, böylece formu gönderdiğinde sonucu iframe içinde görebilirsin ama muhtemelen google bunu engelliyor olabilir.
switch-case
ile değeri kontrol ederek istediğin işlemi yaptırabilirsin.
function sfer(value) {
switch (value) {
case "A":
alert(1)
break;
case "B":
alert(2)
break;
case "C":
alert(3)
break;
}
}
sfer("A")
sfer("B")
sfer("C")
engelleyemezsin, developer tool'da source kısmında hepsi gözükeceği için bir mantığı yok bunu istemenin
Öncelikle getHours
ve getMinutes
birer metod olduğu için bunların sonun ()
eklemen gerekirdi. Yani;
function saatDakikaYaz() {
var zaman = new Date();
var saat = zaman.getHours();
var dakika = zaman.getMinutes();
document.getElementById("_saat").innerHTML = saat;
document.getElementById("_dakika").innerHTML = dakika;
}
ve tabi bir de her 1 saniyede fonksiyonu yeniden çağırman gerekirdi.
setInterval(saatDakikaYaz, 1000)
ek olarak jquery kullanmamamışsın kütüphaneyi sayfaya eklemenin bir mantığı yok o yüzden :)
kullanabilirsin, container için yazılan kodları aktarmış oluyorsun tekrar tekrar yazmamak adına, böyle bir ihtiyacın olursa kullanabilirsin ama sadece container'da yazılanlara ihtiyacın varsa yeni bir class türetip onu extend etmene gerek yok direk class'ı container olarakta kullanabilirsin
şu mantıkta yapabilirsin
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<style>
.test {
background: #000;
color: #fff;
height: 50px;
margin-bottom: 5px;
}
.test.yeni-class {
background: yellow;
color: #000;
}
</style>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
const divs = $('.test')
divs.on('click', function() {
divs.removeClass('yeni-class').filter(this).addClass('yeni-class');
})
</script>