Všeho všudy stačí tohle:
<input
type="text"
placeholder="Zadej svoje jméno..."
onkeyup="document.getElementById('name').innerHTML = this.value"
/>
<p>
Jméno: <span id="name"></span>
</p>
Ideálně ale jako samostatná funkce:
<script>
function updateMessage(event) {
document.getElementById('name').innerHTML = event.target.value;
}
</script>
<input
type="text"
placeholder="Zadej svoje jméno..."
onkeyup="updateMessage(event)"
/>
<p>
Jméno: <span id="name"></span>
</p>
A tady je celý markup:
<!doctype html>
<html>
<head>
<title>
Root sucks
</title>
<meta charset="utf-8" />
<script>
function updateMessage(event) {
document.getElementById('name').innerHTML = event.target.value;
}
</script>
</head>
<body>
<input
type="text"
placeholder="Zadej svoje jméno..."
onkeyup="updateMessage(event)"
/>
<p>
Jméno: <span id="name"></span>
</p>
</body>
</html>
V reálu by se to řešilo úplně jinak, ale "do začátku dobrý". Přeji hodně zdaru v učení.
15 Odpovědí
4901 Zhlédnutí