html formhandler - How to make a live preview of input element's in JavaScript?

Question

This question already has answers here: question from:https://stackoverflow.com/questions/65905264/how-to-make-a-live-preview-of-input-elements-in-javascript

Answer 1

You can try something like below.

const myInput = document.getElementById('input'); // Input Element with id="input" const myOutput = document.getElementById('output'); // An empty paragraph with id="output" function handleInputKeypress(e) { myOutput.textContent = e.target.value; } myInput.addEventListener('keyup', handleInputKeypress);