Yazılım | Programlama Localstorage bilgi depolama kullanma

0BS1D14N · 15 Ağu 2022

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 · 15 Ağu 2022

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">© 2022-2023</p>
</form>
<script>

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

0BS1D14N' Alıntı:
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">© 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">

<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">×</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">© 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>

Helmsys · 15 Ağu 2022

JS ve HTML de tecrübeli arkadaşlar bakın hele
@vancoondehni
@The VODKA

'GHOST · 15 Ağu 2022

0BS1D14N' Alıntı:
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 · 15 Ağu 2022

The_Dark_Hornet' Alıntı:

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 · 15 Ağu 2022

0BS1D14N' Alıntı:
aynısını şuan kullandım ancak çalışmadı. girilen değerleri kayıt etmedi localstorage ye

Js deki class vb. ozellikleri html de uygulamalısın

0BS1D14N · 15 Ağu 2022

The_Dark_Hornet' Alıntı:
Js deki class vb. ozellikleri html de uygulamalısın

yanlış anlamayın da afedersiniz salağa anlatır gibi anlatabilirmisiniz eğer müsaitseniz

'GHOST · 15 Ağu 2022

0BS1D14N' Alıntı:
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 · 15 Ağu 2022

The_Dark_Hornet' Alıntı:

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.

'GHOST · 15 Ağu 2022

0BS1D14N' Alıntı:
yine olmadı. sanırım bir yerde bir yanlışlık var.

Demekki yeterli temel bilgi birikimine sahip degilsin html ve js öğrenmen gerek .

Helmsys · 15 Ağu 2022

The_Dark_Hornet' Alıntı:
Demekki yeterli temel bilgi birikimine sahip degilsin html ve js öğrenmen gerek .

Nerede yanlış yaptığını sorgulasanız mod bey ?
Stackoverflowdan kopyalayıp şunu yap demişsiniz size o kodu zaten denediğini ama hata yaşadığını dile getirmiş.

0BS1D14N · 15 Ağu 2022

Helmsys' Alıntı:
Nerede yanlış yaptığını sorgulasanız mod bey ?
Stackoverflowdan kopyalayıp şunu yap demişsiniz size o kodu zaten denediğini ama hata yaşadığını dile getirmiş.

sanırım jquery bu kod. ben jquery eklemek istemiyordum

'GHOST · 15 Ağu 2022

Helmsys' Alıntı:
Nerede yanlış yaptığını sorgulasanız mod bey ?
Stackoverflowdan kopyalayıp şunu yap demişsiniz size o kodu zaten denediğini ama hata yaşadığını dile getirmiş.

Dostum bende denedim baktım oluyor ve bunu paylaştım ayrıca ben yazdım demedim degilmi

The VODKA · 16 Ağu 2022

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 · 16 Ağu 2022

The VODKA' Alıntı:
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

Yazılım | Programlama Localstorage bilgi depolama kullanma

0BS1D14N

Yeni üye

0BS1D14N

Yeni üye

Helmsys

Uzman üye

'GHOST

Uzman üye

0BS1D14N

Yeni üye

'GHOST

Uzman üye

0BS1D14N

Yeni üye

'GHOST

Uzman üye

0BS1D14N

Yeni üye

'GHOST

Uzman üye

Helmsys

Uzman üye

0BS1D14N

Yeni üye

'GHOST

Uzman üye

The VODKA

Uzman üye

0BS1D14N

Yeni üye

Sosyal medya sayfalarımız