Modifier le HTML en temps réel avec la balise input

Question

Comment puis-je modifier (changer, ajouter, peu importe) du HTML/texte en temps réel en utilisant la balise input ? Très similaire à l'interface de prévisualisation lors de la création d'une question sur Stack Overflow, mais sans le codage de code. Cela doit juste être simple.

Par exemple,

Tout texte saisi dans la balise input ci-dessus est ajouté à #example en temps réel. Quelque chose impliquant innerHTML et JavaScript peut-être ?

Answer 1

Vous pouvez commencer avec ceci :

input.onkeyup = function () {
    output.innerHTML = this.value;
};

Démonstration en direct : http://jsfiddle.net/P4jS9/