Ufak bir yardıma ihtiyacım var js anlayanlar içeri

Merhaba abiler kardeşler

Alttaki kod bir panelimin girişi olacak tek sıkıntım giriş kısmının tarayıcı üstünde böyle gözükmesi yardıma ihtiyacım olan konuda bu

Bunu html tasarıma uyarlayabilirmiyiz fakat sayfa üyelik girişi yapmadan gözükmeyecek yanlış olursa reload atıcak

sweet alert kullanmaya çalıştım ama ne yaparsam yapayım çalışmadı

<script>
var kuladi, sifre; // değişkenlerimizi oluşturuyoruz
kid = prompt("Kullanıcı Adı :"); /* kullanıcı adı ve şifremizi değişkene attıroyoruz*/
kpw = prompt("Şifre :");

if (kid != "") // kullanıcı adı boş değerden farklı ise alltaki kodları yapacak değilse boş değer girilemez yazacak
{
if (kid == "elma" && kpw == "armut") // kullanıcı adı elma ve şifre armut ise alltaki ekrana elma hoşgeldiniz yazacak
{
document.write("Sayın " + kid + " Sisteme Hoşgeldiniz.");
}
else
{
alert("Sayın " + kid + " Giriş Yetkiniz Yok."); // elma dışında veri girilirse giriş yetkiniz yok yazacak
        window.location.reload()
}
}
else
{
alert("null BOŞ DEĞER GİRİLEMEZ");
}
</script>

Hocam javascript ile üyelik sistemi olmaz, kodlar(şifre ve kullanıcı adları) bir sağ tıka bakar görmek için aman diyim.
PHP öğrenin.
Php üye giriş formu yaparak öğrenebilirsiniz.
Javascript ön yüz, bi öğeyi denetleyle girerler.

güvenli bir kodlama stili değil bu. back-end dil ile yapmalısın bunu ,zira ctrl+u tuşlarına basıldığında tüm şifrelerin gözüküverir.
nası yapacağına gelirsek ,

<div class="form">
     <input type="password" id="password"/>
<button onclick="kontrol()">Gönder</button>
</div>

<script>
function kontrol() {
// kontrol işlemleri
}
</script>

umarım mantığını anlatabilmişimdir.

Hocam güvenlik hiç önemli değil böyle olması gerekiyor



hocam yazılım bilgim 0 güvenlik önceliğim değil o örneği normal bir tema gibi tasarlamam gerek giriş kısmını zaten Ağ üzerinde tek bir ip girebilecek güvenlik sorun değil ben tasarıma oturtmak istiyorum

html'de 2 input 1 buton koy.

<input type="text" id='user'>
<input type="password" id='pass'>
<button onclick='giris()'>Giriş yap</button>

Javascriptte'de

function giris(){
var user = document.getElementById('user');
var pass = document.getElementById('pass');
// if elseler
}

sonrası kendi if else kodların.