yone1108
Decapat
- Katılım
- 21 Nisan 2021
- Mesajlar
- 709
- Makaleler
- 1
- Çözümler
- 2
Merhaba, JavaScript öğrenme aşamasındayım. Öğrenirken, öğrendiğim bilgileri kullanarak yaptığım bazı işe yarar kodları da buraya ekleyeceğim. Belki birisinin işine yarar
İşi bilen kişilere basit gelebilir ama bilmeyenlerin belki bu işlemi aradığını düşünerek buraya da ekliyorum. Hemen ilk öğrendiğim işlemler ile bu uygulamayı yapmak aklıma geldi. En basit şekilde böyle yapılabilir diye düşündüm.
İşi bilen kişilere basit gelebilir ama bilmeyenlerin belki bu işlemi aradığını düşünerek buraya da ekliyorum. Hemen ilk öğrendiğim işlemler ile bu uygulamayı yapmak aklıma geldi. En basit şekilde böyle yapılabilir diye düşündüm.
Kod:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript Şifreyi gizle ve göster Uygulaması</title>
</head>
<body>
<input type="password" id="pass" placeholder="Parolanız...">
<input type="button" id="showPassBtn" value="Şifreyi Göster" onclick="showPass()">
<script>
function showPass () {
// Şifreyi yazdığımız inputa ulaşıyorum burada id ile.
var passInput = document.getElementById("pass");
// Burada şifreyi göster butonuna ulaşıyorum.
var showPassBtn = document.getElementById("showPassBtn");
/*
burada şifreyi yazdığımız inputun type attributene gidiyorum password eşit mi bakıyorum.
eğer eşitse inputun type attributini text olarak ayarlıyorum.
butonun da valuesini şifreyi gizle olarak değiştiriyorum....
else kısmında tam tersi işlem yapıyorum.
*/
if(passInput.type == "password") {
passInput.type = "text";
showPassBtn.value = "Şifreyi Gizle";
}
else
{
passInput.type = "password";
showPassBtn.value = "Şifreyi Göster";
}
}
</script>
</body>
</html>