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-Key: 2068884183

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

Printed on: May 2, 2024 at 17:05 o'clock

Member: michi1983
michi1983 Mar 05, 2022 at 08:48:14 (UTC)
Goto Top
Warum wurde mein Kommentar hier gelöscht von gestern?
Member: colinardo
colinardo Mar 05, 2022 at 08:59:47 (UTC)
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]
Mitglied: 1915348599
1915348599 Mar 05, 2022 updated at 10:58:02 (UTC)
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 ...
Member: PaulIstNic3
PaulIstNic3 Mar 05, 2022 at 12:59:32 (UTC)
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
Member: michi1983
michi1983 Mar 06, 2022 at 12:59:38 (UTC)
Goto Top
Hi,

Danke für die Info.

Gruß
Member: michi1983
michi1983 Mar 06, 2022 at 13:00:16 (UTC)
Goto Top
Hi,

Vergleichsoperator in JS ist === und nicht ==

Gruß
Mitglied: 1915348599
1915348599 Mar 06, 2022 updated at 13:07:46 (UTC)
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
Member: michi1983
michi1983 Mar 06, 2022 at 15:21:10 (UTC)
Goto Top
hm okay, wieder was gelernt. war das immer schon so?
Mitglied: 1915348599
1915348599 Mar 06, 2022 updated at 15:26:05 (UTC)
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.