Lösungsoption

HTML

<!DOCTYPE html>
<html>
<head>
<title>Meine Seite</title>
<link rel="stylesheet" href="meineStyles.css">
<script src="MyScript.js"></script>
</head>
<body>

<h1>Test für Vorkenntnisse</h1>
<p>Das ist mein Seminarangebot. Findest Du das gut?</p>
<input type="text" id="text1" name="text1">
<button type="button" onclick="lesenUndSchreiben()">Click Me!</button>
<br>
<input type="button" id="text2" name="text2" value="Klick mich!" onclick="lesenUndSchreiben()">
<br><br>
<section id="Ausgabe"></section>
<footer><hr>
<p>Posted by: Susanne Kurz</p>
<p>Contact information: <a href="mailto:someone@example.com">
someone@example.com</a>.</p>
</footer>
</body>
</html>

Javascript

function lesenUndSchreiben() {
var text = document.getElementById("text1").value;
document.getElementById("Ausgabe").innerHTML= text;
}

CSS

body {
background-color: powderblue;
}
h1 {
color: blue;
}
footer {
color: red;
text-align: center;
}

Archiv zum Download