Larissa: Problem mit JavaScript und jquery Aufgaben

Beitrag lesen

Hallo Rolf,

das sollte auch nicht eine reine "Abschreibe-Aufgabe" werden ;-) uns fehlen nur zum Teil ein wenig die Basisinfos (stehen nämlich nicht wirklich im Skript..) und bevor wir uns tot-googlen, wollten wir mal hier anfragen. Und ja wir studieren den Hybridstudiengang Medienkultur & Medienwirtschaft.

Das ist mein bisheriger Erfolg zu Aufgabe 1

<!DOCTYPE html>
<html>
    <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>
    <body>
	
	<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>

    </body>
</html>

Das Problem ist nur, dass ich nicht Inhalte der Input-Elemente tauschen kann, sondern nur den Platzhalter Text... Beim rest werd ich mich nochmal ausprobieren, aber zumindest haben wir schon ein paar Hinweise, welche Funktion funktionieren könnten, danke! :-)