J o: Problem mit JavaScript und jquery Aufgaben

Beitrag lesen

SELF-Forum

Problem mit JavaScript und jquery Aufgaben

J o
– Informationen zu den Bewertungsregeln

Hey,

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>

Sieht doch ganz schick aus. Jetzt müsst ihr nur noch den wirklichen Wert (val()) des Input Felds auslesen (und am besten zwischenspeichern) und dann in das jeweils andere schreiben.

Gruß
Jo

Beitrag melden
–
Informationen zu den Bewertungsregeln