Hallo wir sollen bei einer Aufgabe überprüfen ob das Passwort ein Groß/kleinBuchstaben und eine Ziffer enthält und dann die Eingabe grüne färben. Bin mir aber nicht sicher wie das funktionieren soll.

Aufgabe:

(b) Erweitern Sie die Funktion aus der vorherigen Aufgabe so, dass auch bei mehr

als 8 Zeichen der Hintergrund ebenfalls gelb ist und erst grün wird, wenn die

Zeichenkette einen Großbuchstaben, einen Kleinbuchstaben, eine Ziffer und

ein anderes Zeichen enthält! Hinweis: Mit s.charAt(i) greift man auf das i-te Zeichen in der Zeichenkette s zu.

<!DOCTYPE html>
<html lang=de>
<head>
  <title>JS – jQuery Einbinden</title>
  <meta charset=utf-8>


  <!-- Nur eine der beiden folgenden Varianten einsetzen: -->


  <script src="jquery-3.4.1.min.js"></script>
  <script>
  function test(s)
  {
  var anz=s.length;
   var charset = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
   var bool=true;
	if(anz<6)
	{
	$('#passw').css("background-color","pink");
	}
	if(anz>=6 && anz <=8)
	{
	$('#passw').css("background-color","yellow");
	}
	if(anz>8)
	{


	}
	for(i=1;i<=anz; i++)
	{
	if(s.charAt(i)==charset)
		$('#passw').css("background-color","lightgreen");
	else 
	$('#kurz').text("zukurz");
	
	}
	
	$('#anz').text(anz);
  }
  </script>
  </head>
<body>
<h1>Passworteingabe</h1>
<p>Passwort eingeben: </p>
<input type=text oninput="test(value);" id="passw">
<br>
Anzahl: <span id="anz"></span>
Zu Kurz? <span id="kurz"></span>
</body>
</html>