paulistnic3
Goto Top

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?

Content-ID: 2068884183

Url: https://administrator.de/forum/2-ids-vergleichen-2068884183.html

Ausgedruckt am: 24.12.2024 um 18:12 Uhr

michi1983
michi1983 05.03.2022 um 09:48:14 Uhr
Goto Top
Warum wurde mein Kommentar hier gelöscht von gestern?
colinardo
colinardo 05.03.2022 um 09:59:47 Uhr
Goto Top
[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]
1915348599
1915348599 05.03.2022 aktualisiert um 11:58:02 Uhr
Goto Top
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 ...
PaulIstNic3
PaulIstNic3 05.03.2022 um 13:59:32 Uhr
Goto Top
Ob es jetzt Sinn macht, oder nicht ist auch nicht das Thema. Wenn du nichts zur Hilfe anzubieten hast, dann lass es einfach
michi1983
michi1983 06.03.2022 um 13:59:38 Uhr
Goto Top
Hi,

Danke für die Info.

Gruß
michi1983
michi1983 06.03.2022 um 14:00:16 Uhr
Goto Top
Hi,

Vergleichsoperator in JS ist === und nicht ==

Gruß
1915348599
1915348599 06.03.2022 aktualisiert um 14:07:46 Uhr
Goto Top
Zitat von @michi1983:
Vergleichsoperator in JS ist === und nicht ==
Nö, nicht zwingend, nur wenn du zusätzlich den Typ der Variable mit einbeziehen willst ...
https://www.w3schools.com/js/js_comparisons.asp
michi1983
michi1983 06.03.2022 um 16:21:10 Uhr
Goto Top
hm okay, wieder was gelernt. war das immer schon so?
1915348599
1915348599 06.03.2022 aktualisiert um 16:26:05 Uhr
Goto Top
Zitat von @michi1983:

hm okay, wieder was gelernt. war das immer schon so?
Ja, zumindest soweit ich zurück denken kann und es den === Operator gibt, in PHP ist das übrigens ähnlich.