Login Passwort und Username abfrage

[rzscout]

Hallo Gast,
ich würde einen Passwortschutz immer servseitig erstellen wie mit PHP oder Python.
Jeder der in den Quelltext schaut , und dieser muss nicht Ahnung haben, kann eraten wie man da ran kommt.

Hier eine Lösung in JavaScript und PHP:

JS:

Code:

'use strict';
document.addEventListener('DOMContentLoaded', () => {
    document.getElementById('irgendeineID').addEventListener('click', () => {
        let benutzer = document.getElementById('username').value;
        let password = document.getElementById('password').value;
        let myFormData = new FormData();
        let xhr = new XMLHttpRequest();       
        xhr.open('POST', 'meine.php');
        xhr.addEventListener('readystatechange', () => {
            let myStatus = xhr.responseText;
            if(myStatus=='success') {
                document.location = "http://127.0.0.1:5500/homepage.php";
            }
        });
        xhr.send(myFormData);
    });
});

PHP

PHP-Code:

session_start();
if(isset($_POST['username']) && $_POST['username']!='' && isset($_POST['password']) && $_POST['password']!='') {
    $username = htmlspecialchars($_POST['username'], ENT_QUOTES);
    $password = htmlspecialchars($_POST['password'], ENT_QUOTES);
    if($username == 'Benutzer' && $password=='geheim') {
        echo 'success';
        $_SESSION['login'] = 'eingeloggt';
    }
} 


Viel Erfolg!

Grüße rzscout