2 Ids vergleichen

Auf einer Website habe ich zwei Inputfelder und einen Button um die Eingabe dann zu prüfen.
Danach verschwinden die Inputfelder + Button und 2neue Inputfelder + Button erscheinen, um sich mit den vorher eingegeben Daten einzugeben, ist es irgentwie möglich mit "document.getElementById" zu überprüfen, ob das gleiche eingegeben wurde?
Ich habe es so probiert:

<html>
	<head>
	</head>
	<body>
		<div id="buttons">  
			<button onclick="add();" id="adde"> Add Image </button>  
			<button onclick="del();" id="dele"> Delete Image </button>  
			<button onclick="neustart();" id="starte"> Neustarten </button>  
			<button onclick="activater();" id="aktivier"> Aktiviere Ultimativen Button </button>  
		</div>
		<div onclick="create();" id="bilder">  
			<img src="nicce.jpg" style="max-width: 15%; max-height: 40%;">  
		</div>
		<div id="eingaben">  
			<p> Zur Registrierung geben Sie bitte ihre gewünschten Daten ein. </p>
			<input id="username" placeholder="Benutzername">  
			<input id="password" placeholder="Passwort">  
			<button onclick="registration();" id="registrationsbutton"> Bestätigen </button>  
		</div>

	<script>
		function add() {
			document.getElementById("bilder").innerHTML = document.getElementById("bilder").innerHTML + "<img src='nicce.jpg' style='max-width: 15%; max-height: 40%;'>";  
			document.getElementById("adde").style.border="10px solid black";  
			document.getElementById("adde").innerHTML = "ADD IMAGE";  
		}
		
		function del() {
			document.getElementById("bilder").innerHTML = "";  
			document.getElementById("dele").innerHTML = "DELETE IMAGE";  
			document.getElementById("dele").style.border="10px solid black";  
			document.getElementById("bilder").style.border=""  
		}
		
		function neustart() {
			document.getElementById("adde").innerHTML = "Add Image";  
			document.getElementById("dele").innerHTML = "Delete Image";  
			document.getElementById("aktivier").innerHTML = "Aktiviere Ultimativen Button";  
			document.getElementById("buttons").style.border="";  
			document.getElementById("adde").style.border="";  
			document.getElementById("dele").style.border="";  
			document.getElementById("bilder").style.border=""  
		}
		
		function activater() {
			document.getElementById("aktivier").innerHTML = "<button onclick='activae();' id='activateer'> Activate NEKATIV</button>";  
		}
		
		function activae() {
			document.getElementById("buttons").style.border="10px solid black";  
		}
		
		function create() {
			document.getElementById("bilder").style.border="10px solid black"  
		}
		
		function registration() {
			if (document.getElementById("username").value == "" || document.getElementById("password").value == "") {  
				document.getElementById("eingaben").innerHTML = "<p>ERROR:..-. . .... .-.. . .-.</p>";  
			}else{
				document.getElementById("eingaben").innerHTML = "<p>Geben Sie zur Anmeldung bitte ihre Daten ein.</p>" + "<input id='username2' placeholder='Benutzername'>" +  "<input id='password2' placeholder='Passwort'>" + "<button onclick='prüfung();' id='prüfungsbutton'> Prüfen </button> ";  
			}
		}
		
		function prüfung() {
			if (document.getElementById("username2").value == document.getElementById("username").value && document.getElementById("password2").value == document.getElementById("password").value) {  
				document.getElementById("eingaben").innerHTML = "<p>Sie haben sich erfolgreich eingeloggt</p>";  
			}
		}
	</script>
	</body>
</html>

Hat aber leider nicht geklappt.
Könnte jemand von euch mir dabei helfen?

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 2068884183

Url: https://administrator.de/contentid/2068884183

Ausgedruckt am: 23.11.2024 um 23:11 Uhr

9 Kommentare

Neuester Kommentar

Warum wurde mein Kommentar hier gelöscht von gestern?

[OT]

Zitat von @michi1983:

Warum wurde mein Kommentar hier gelöscht von gestern?

Servus @michi1983
Den doppelten unvollständigen Beitrag des TO hatte ich gelöscht, und da die Kommentare hier nur den Doppelpost des TO zum Thema hatten und nichts zum eigentlichen Thema des Threads habe ich sie ebenfalls entfernt um Verwirrung vorzubeugen.

Grüße @colinardo (Mod)
[/OT]

Benutzername und Passwort mit JavaSkript auf einer Seite abzulegen und zu vergleichen macht ehrlich gesagt überhaupt keinen Sinn, das kann jeder Hinz manipulieren, wohl mal wieder ein Hausaufgabenpost ...