Robert B.: Problem mit JavaScript und jquery Aufgaben

Beitrag lesen

Hallo Larissa,

uns fehlen nur zum Teil ein wenig die Basisinfos (stehen nämlich nicht wirklich im Skript..)

Aber z.B. im Wiki.

    <head>
	<title>Aufgabe 2.2 </title>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <style type="text/css">
	
    </style>
    </head>

Ein leeres style-Element kannst du auch weglassen, dafür aber die Zeichencodierung dazunehmen.

	<form> 
	<label for="vname">Vorname: 
		<input id="vname" name="vname" value="Vorname"> 
	</label> <label for="zname">Zuname: 
		<input id="zname" name="zname" value="Nachname"> 
	</label>
	<button type="button" id="tauschen">Tausche Elemente</button>
	</form>
	<script type="text/javascript">
	$(document).ready(function(){	  
        $("#tauschen").click(function() {
		$('#vname').val('Nachname');
		$('#zname').val('Vorname');
			});
		});
	</script>

Wenn du ein input in ein label schachtelst, brauchst du kein for-Attribut.

Das Problem ist nur, dass ich nicht Inhalte der Input-Elemente tauschen kann, sondern nur den Platzhalter Text...

Du tauscht den Inhalt des input aus; deine inputs haben keinen Platzhalter definiert. Vermutlich möchtest du etwas unter Verwendung einer temporären Variablen zuweisen …

Viele Grüße
Robert