Was funktioniert mit meinem Java Script/html code nicht?
Ich versuche gerade eine einfache Passwortabfrage mit Javascript zu programmieren. Ihr müsst mir auch nicht erst sagen das ich es lieber mit php machen sollte, ich weiß dass das überall steht aber das kapier ich überhauptnicht. Hier ist mein code:
<!DOCTYPE html>
<html>
<head>
<title>Basic Web Page</title>
<script>
let rightpass = 'hallo';
let inpu = document.getElementById(input);
let dkfjl = inpu == rightpass;
function passwortabfrage() {
if (dkfjl) {
alert('Es hat geklappt')
} else {
alert('failed')
}
}
</script>
</head>
<body>
<form>
<input type="text" id="input" >
<input type="submit" onclick="passwortabfrage()">
</form>
</body>
</html>
Es geht mir dabei im Moment nicht um Sicherheit, sondern nur darum zu wissen wie was nicht funktioniert. Viele Grüße und Danke für eure Antworten
1 Antwort
https://jsfiddle.net/jmz9n2sr/1/
erstens
let inpu = document.getElementById("input").value;
zweitens , du kannst nicht sachen vorher definieren die noch gar kein wert haben , also entweder mit in die funktion oder dann in der funktion nochmal aufrufen .
beispiel 2
https://jsfiddle.net/jmz9n2sr/2/
let rightpass = "hallo";
let inpu = document.getElementById("input");
function passwortabfrage() {
let dkfjl = inpu.value == rightpass;
if (dkfjl) {
alert('Es hat geklappt')
} else {
alert('failed')
}
}
ist aber auch doof , weil wenn das javascript schon läuft und das DOM input noch gar nicht existiert, wirste ein fehler bekommen .
also beispiel 3 um sicher zu gehen
let rightpass = "hallo";
function passwortabfrage() {
let inpu = document.getElementById("input").value;
let dkfjl = inpu == rightpass;
if (dkfjl) {
alert('Es hat geklappt')
} else {
alert('failed')
}
}
das lernt sich mit der übung . noch bist du am anfang und die feinheiten kommen erst viel später .
Vielen Dank TechPech1984, jetzt klappt es! Hätte ich nicht gedacht das die Lösung eigentlich so einfach ist.