Yazılım | Programlama Localstorage bilgi depolama kullanma

0BS1D14N

Yeni üye
16 Ocak 2019
34
1
Privity
bir site tasarlıyorum ancak giriş ve kayıt panelinde sorun var. "kayıt ol" butonuna tıkladığımda metin kutucuklarındaki bilgileri localstorage içine depolamasını ve giriş panelinde "giriş yap" butonuna tıkladığımda kaydolurken kullandığım bilgiler (localstorage'deki) ile giriş yapabilmemi istiyorum. bir türlü yapamadım yardımcı olabilirseniz sevinirim.
HTML
JS
 

0BS1D14N

Yeni üye
16 Ocak 2019
34
1
Privity
giriş.html için kod, isterseniz burdan düzeltebilirsiniz
_________________________________________________________

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="icon/logo.ico">
<title>Aydın Devlet hastanesi Giriş yap</title>
<link rel="canonical" href="giriş.css">


<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">

<link href="signin.css" rel="stylesheet">
</head>
<body class="text-center">
<form class="form-signin">
<img class="mb-4" src="logo/logo.png" alt="" width="72" height="72">
<h1 class="h3 mb-3 font-weight-normal">Lütfen Giriş Yap</h1>
<input type="email" id="inputEmail" class="form-control" placeholder="Email adresi" required autofocus>
<input type="password" id="inputPassword" class="form-control" placeholder="Şifre" required>
<div class="checkbox mb-3">
<label>
<input type="checkbox" value="remember-me"> Beni hatırla
</label>
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit">Giriş Yap</button>
<p class="mt-5 mb-3 text-muted">&copy; 2022-2023</p>
</form>
<script>








</script>
</body>
</html>

giriş.html için kod, isterseniz burdan düzeltebilirsiniz
_________________________________________________________

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="icon/logo.ico">
<title>Aydın Devlet hastanesi Giriş yap</title>
<link rel="canonical" href="giriş.css">


<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">

<link href="signin.css" rel="stylesheet">
</head>
<body class="text-center">
<form class="form-signin">
<img class="mb-4" src="logo/logo.png" alt="" width="72" height="72">
<h1 class="h3 mb-3 font-weight-normal">Lütfen Giriş Yap</h1>
<input type="email" id="inputEmail" class="form-control" placeholder="Email adresi" required autofocus>
<input type="password" id="inputPassword" class="form-control" placeholder="Şifre" required>
<div class="checkbox mb-3">
<label>
<input type="checkbox" value="remember-me"> Beni hatırla
</label>
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit">Giriş Yap</button>
<p class="mt-5 mb-3 text-muted">&copy; 2022-2023</p>
</form>
<script>








</script>
</body>
</html>
Bu da kayıt.html için kod
(ikisi birbirine bağlı, kayıt ol butonuna tıkladığımda giriş sayfasına atması için ayarladım.)
__________________________________________________________

<!doctype html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="icon\logo.ico">
<title>Aydın devlet hastanesi Kayıt ol</title>
<link rel="canonical" href="Signin Template for Bootstrap">

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">

<link href="signin.css" rel="stylesheet">

</head>
<body class="text-center">


<form class="form-signin">
<div id="welcomeTheUsar">
<!--This is the welcome div for the user, code also borrowed and moddified from UNKNOWN's lessons-->
<img class="mb-4" src="C:\Users\BATUHAN SAVAR\OneDrive\Masaüstü\yazılım\logo\logo.png" alt="" width="75" height="75">
<h1 class="h3 mb-3 font-weight-normal">Lütfen Kayıt Ol</h1>
<input type="id" id="inputİd" class="form-control" placeholder="Tc Kimlik No" required autofocus>
<input type="name" class="form-control" id="inputName" placeholder="Adınız" required>
<input type="surname" id="inputSurname" class="form-control" placeholder="Soyadınız" required>
<input type="kan" class="form-control" id="inputName" placeholder="Kan Grubunuz" required>
<input type="hobi" class="form-control" id="inputName" placeholder=" Hobileriniz" required>
<input type="phone" id="inputPhone" class="form-control" placeholder="Telefon Numarası" required>
<input type="email" id="inputEmail" class="form-control" placeholder="Email adresi" required>

<input type="password" id="inputPassword" class="form-control" placeholder="Şifre" required>
<div class="checkbox mb-3">
<label>
<input type="checkbox" value="remember-me"> Beni hatırla
</label>
</div>
<a onclick="welcomeTheUsar()" type="button" id="myBtn" href="C:\Users\BATUHAN SAVAR\OneDrive\Masaüstü\yazılım\giriş.html" class="btn btn-lg btn-primary btn-block"
runat="server" id="btn_deneme">Kayıt Ol</a>
</div>
<div id="myModal" class="modal">
<div class="modal-content">
<span class="close">&times;</span>
<p><img src="https://www.sonsuzteknoloji.com/wp-content/uploads/2021/06/tik-isareti.png" alt="KAYIT BAŞARILI">
<center></br>KAYIT BAŞARILI</center></p>
</div>
</div>
<p class="mt-5 mb-3 text-muted">&copy; 2022-2023</p>
</form>
<script>
function welcomeTheUsar() {
// Some code borrowed and rewritten from UNKNOWN's lessons
let firstName = document.getElementById("inputName").value;
let lastName = document.getElementById("inputSurname").value;
let fullName = firstName + " " + lastName;
console.log(fullName);
alert("Hoşgeldin "+ fullName);
}






</script>

</body>
</html>
 

'GHOST

Uzman üye
31 Mar 2022
1,387
568
bir site tasarlıyorum ancak giriş ve kayıt panelinde sorun var. "kayıt ol" butonuna tıkladığımda metin kutucuklarındaki bilgileri localstorage içine depolamasını ve giriş panelinde "giriş yap" butonuna tıkladığımda kaydolurken kullandığım bilgiler (localstorage'deki) ile giriş yapabilmemi istiyorum. bir türlü yapamadım yardımcı olabilirseniz sevinirim.
HTML
JS
Bilgileri kaydetmek ve hatirlama ozelligi çin basit bir js örneği

JavaScript:
let email = document.querySelector(".email");
let password = document.querySelector(".password");

//Storing users email and password
function store()
{
    localStorage.setItem('email',email.value)
    localStorage.setItem('password', password.value)
}

function checkLogin()
{
    //get set stored data
    let emailStored = localStorage.getItem('email')
    let passwordStored = localStorage.getItem('password')

    //data entered from login-form
    let emailInput = document.querySelector('.email').value
    let passwordInput = document.querySelector('.password').value

    if(emailInput != emailStored)
    {
       let eError = document.querySelector(".email-error-message")
       eError.innerHTML = "Please enter valid email address"
    }

    if(passwordInput != passwordStored)
    {
        let pError = document.querySelector(".password-error-message")
        pError.innerHTML = "Please enter password associated with email address"
    }

}
 

0BS1D14N

Yeni üye
16 Ocak 2019
34
1
Privity
Bilgileri kaydetmek ve hatirlama ozelligi çin basit bir js örneği

JavaScript:
let email = document.querySelector(".email");
let password = document.querySelector(".password");

//Storing users email and password
function store()
{
    localStorage.setItem('email',email.value)
    localStorage.setItem('password', password.value)
}

function checkLogin()
{
    //get set stored data
    let emailStored = localStorage.getItem('email')
    let passwordStored = localStorage.getItem('password')

    //data entered from login-form
    let emailInput = document.querySelector('.email').value
    let passwordInput = document.querySelector('.password').value

    if(emailInput != emailStored)
    {
       let eError = document.querySelector(".email-error-message")
       eError.innerHTML = "Please enter valid email address"
    }

    if(passwordInput != passwordStored)
    {
        let pError = document.querySelector(".password-error-message")
        pError.innerHTML = "Please enter password associated with email address"
    }

}
aynısını şuan kullandım ancak çalışmadı. girilen değerleri kayıt etmedi localstorage ye

ayrıca index.html(yani kayıt sitesine) girilen ve localstorageye kaydedilen veriyi giriş.html de nasıl kullanabilirim. a href index.html yapsam işimi görür mü
 

'GHOST

Uzman üye
31 Mar 2022
1,387
568
yanlış anlamayın da afedersiniz salağa anlatır gibi anlatabilirmisiniz eğer müsaitseniz
Bu javascript ile bu html i birlikte kullan .

HTML:
<div class="login-form">
  <div class="sign-in">
    <h1>Sign In</h1>
    <form class="form">
      <input class="email" type="email" placeholder="Email Address" required />

      <div class="email-error-message"></div>

      <input class="password" type="password" placeholder="Password" minlength="6" required />
      <div class="password-error-message"></div>

      <button class="submit">Sign In</button>
      <div class="remember-me">
        <input class="checkbox" type="checkbox" />
        <span class="remember">Remember me</span>
        <span class="need">Need help?</span>
      </div>
    </form>

    <div class="facebook-signin">
      <img src="images/facebook_social media_social_icon.png" alt="facebook logo" />
      <span class="flogin">Login in with facebook</span>
    </div>
    <div class="newNetoflix">
      <div class="newToNetflix">New to Netflix?</div>
      <a class="sign-up" data-uia="login-signup-now">Sign up now.</a>
    </div>

    <div class="disclaimer">
      <span class="protected">This page is protected by Google reCAPTCHA to ensure you're not a
        bot.&nbsp;</span>
      <button type="submit" class="learn-more">Learn More</button>
    </div>
  </div>
</div>
 

0BS1D14N

Yeni üye
16 Ocak 2019
34
1
Privity
Bu javascript ile bu html i birlikte kullan .

HTML:
<div class="login-form">
  <div class="sign-in">
    <h1>Sign In</h1>
    <form class="form">
      <input class="email" type="email" placeholder="Email Address" required />

      <div class="email-error-message"></div>

      <input class="password" type="password" placeholder="Password" minlength="6" required />
      <div class="password-error-message"></div>

      <button class="submit">Sign In</button>
      <div class="remember-me">
        <input class="checkbox" type="checkbox" />
        <span class="remember">Remember me</span>
        <span class="need">Need help?</span>
      </div>
    </form>

    <div class="facebook-signin">
      <img src="images/facebook_social media_social_icon.png" alt="facebook logo" />
      <span class="flogin">Login in with facebook</span>
    </div>
    <div class="newNetoflix">
      <div class="newToNetflix">New to Netflix?</div>
      <a class="sign-up" data-uia="login-signup-now">Sign up now.</a>
    </div>

    <div class="disclaimer">
      <span class="protected">This page is protected by Google reCAPTCHA to ensure you're not a
        bot.&nbsp;</span>
      <button type="submit" class="learn-more">Learn More</button>
    </div>
  </div>
</div>
yine olmadı. sanırım bir yerde bir yanlışlık var.
 

The VODKA

Uzman üye
8 Haz 2022
1,332
920
Ben senin yerinde olsam bu tür sistemleri Localhost'ta JavaScript kullanarak biriktirmek yerine PHP öğrenmeyi tercihi ederdim. PHP'ye düşmanlığını varsa bu işler için JavaScript Cookie'leri veya Firebase sistemlerinden yararlanabilirsin. Bu tür bir kayıt panelini JavaScript ile kodlamaya çalışmak nerdeyse bir ölüm ve çok gereksiz. Ayrıca login paneli yaptığınızı varsayıyorum. Bu login panelinden sadece siz yararlanamayacaksınız. Birden fazla kişi bu login panelinden yararlanacak. Bunu geniş kitlelere yaymak için internet sunucuları kullanmaya başlayacaksınız. Bu sunucuları yönetebilmek için PHP veya FireBase gibi sistemler işinize yarayacak.
 

0BS1D14N

Yeni üye
16 Ocak 2019
34
1
Privity
Ben senin yerinde olsam bu tür sistemleri Localhost'ta JavaScript kullanarak biriktirmek yerine PHP öğrenmeyi tercihi ederdim. PHP'ye düşmanlığını varsa bu işler için JavaScript Cookie'leri veya Firebase sistemlerinden yararlanabilirsin. Bu tür bir kayıt panelini JavaScript ile kodlamaya çalışmak nerdeyse bir ölüm ve çok gereksiz. Ayrıca login paneli yaptığınızı varsayıyorum. Bu login panelinden sadece siz yararlanamayacaksınız. Birden fazla kişi bu login panelinden yararlanacak. Bunu geniş kitlelere yaymak için internet sunucuları kullanmaya başlayacaksınız. Bu sunucuları yönetebilmek için PHP veya FireBase gibi sistemler işinize yarayacak.
kanka şirkette çalışıyorum adamlar istedi yoksa bende python php ile yapıcam. her şeyi yaptım sadece if else kaldı
localdan alınan değer metin kutusuyla aynıysa giriş yapıcak değilse yapmicak
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.