How to make automatic display of the entered text in the form to another place?

Question

JavaScript

How to make it so that when you fill out the form (on the left), then automatically when printing this is all displayed in the card (on the left). Well, on the screen, I think everything is clear. Thank you.

Answer 1

On each textbox you hang up the "textInput input" event handler, remove the value from it and insert it into the appropriate field of the card. Haven't tested but something like this

$("#name").on("textInput input", function (e) {
    var val = $(this).val();
  $("#nameCard").text(val);
});

Answer 2

Use, for example, VueJS. Its reactivity makes it absolutely elementary.
They have Russian documentation on their site, there are examples