Javascript 与注册表在同一页上的实时配置文件预览

我正在创建一个多步骤注册表单（最有可能是Jquery），它将用户的选择预览到表单正下方的完整概要文件预览中。例如，如果用户编写了一条标语，并在文本字段之外单击，则预览将自动更新

---

如何使用Javascript实现这一点？我还需要其他语言吗

使用jQuery是可能的。必须使用jQuery选择目标html元素

$（'#text'）。在（'change'，function（）上{
var textValue=$（this.val（）；
$（'.result'）.html（textValue）；
});
我创建了一个简单的示例，可以满足您的需要

HTML

您可以在这里查看：
大家好，欢迎光临。我建议你找一些关于这个主题的教程，这将有助于你的学习。你的问题有点太笼统了。因此，当你展示你迄今为止所做的尝试，并解释你所面临的具体错误或问题时，效果最好。祝你好运…嗨，谢谢你的回复。事实上，我对web开发还不熟悉，所以我也要求提供一个全面的起点。
<div class="col-md-6">
<h1>Form</h1>
  <form role="form">
 <div class="form-group">
   <label for="name">Name:</label>
   <input type="text" name="name" class="form-control bind" id="name" placeholder="Enter Name">
 </div>
 <div class="form-group">
   <label for="tagline">Name:</label>
   <input type="text" name="tagline" class="form-control bind" id="tagline" placeholder="Enter tagline">
 </div>
 <div class="checkbox">
   <label>
     <input type="checkbox"> Check me out
   </label>
 </div>
 <button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
<div class="col-md-6">
<h1>Profile</h1>
  <h1 id="bind-name"></h1>
  <h4 id="bind-tagline"></h4>
</div>

$('.bind').on('change', function(){
   $this = $(this);
   element_name = $this.attr('name');
   $('#bind-'+element_name).html($this.val());
});