HTML&JavaScript basit bir kayıt ol ve giriş yap kodu;

Katılım
9 Ara 2020
Konular
71
Mesajlar
255
Çözümler
1
Tepki puanı
218
Puanları
2,110
index.html'e atın;

HTML:
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>js deneme 13</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="">
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        <script src="" async defer></script>
        <script src="JavaScript/kayit.js"></script>
        <div style="float: left;margin-left: 150px;">
            <form action="">
                <input type="text" id="klnc">
                <div style="float:left;margin-left:-125px;">Kullanıcı adı girin.</div>
                <br>
                <br>
                <input type="password" id="sifre">
                <div style="float:left;margin-left:-125px;">Şifre girin.</div>
                <br>
                <br>
                <input type="button" value="Kayıt Ol!" onclick="kyt()">
            </form>
        </div>
        <div style="float: left;margin-left:300px ;">
            <form action="">
                <input type="text" id="klnc2">
                <div style="float:left;margin-left:-127px;">Kullanıcı adınızı girin.</div>
                <br>
                <br>
                <input type="password" id="sifre2">
                <div style="float:left;margin-left:-125px;">Şifrenizi girin.</div>
                <br>
                <br>
                <input type="button" value="Giriş Yap!" onclick="grs()">
            </form>
        </div>
       
    </body>
</html>

kayit.js'ye atın.

JavaScript:
var klnca=[]
var sifrea=[]
var ksa=[]
function kyt() {

    var kullaniciadi = document.getElementById("klnc").value
    var sifre = document.getElementById("sifre").value
    var kon = klnca.includes(kullaniciadi)
    if(kon==true){
        alert("Bu kullanıcı adı daha önce kullanılmış.")
        document.getElementById("klnc").value=""
    }  
    else{
        klnca.push(kullaniciadi)
        sifrea.push(sifre)
        ksa.push(kullaniciadi+sifre)
        document.getElementById("klnc").value=""
        document.getElementById("sifre").value=""
        alert("Kayıt Başarılı!")
    }
   
}
function grs(){
    var k = document.getElementById("klnc2").value
    var s = document.getElementById("sifre2").value
    var kt = k+s
    var ktkn = ksa.includes(kt)
    if(ktkn==true){
        alert("Giriş Başarılı")
        document.getElementById("klnc2").value=""
        document.getElementById("sifre2").value=""
    }
    else{
        alert("Kullanıcı adı veya şifre yanlış")
        document.getElementById("sifre2").value=""
    }
}

resim_2021-01-12_114842.png
 

avnnn

Genel Moderatör
Katılım
16 Şub 2020
Konular
271
Mesajlar
875
Çözümler
2
Tepki puanı
1,138
Puanları
7,910
Yararlı bir kod olmuş, ellerine sağlık.