Mirror fields

by Cătălin Dogaru

HTML

<p>Type something:</p>
<div class="col">
  <textarea type="text" class="mirror" placeholder="Enter text&hellip;"></textarea>
</div>
<div class="col">
  <textarea type="text" class="mirror" placeholder="Preview" readonly></textarea>
</div>

CSS

.col {
  float: left;
  width: 50%;
}

.mirror {
  height: 60vh;
  resize: none;
  width: 100%;
}

JavaScript

$('.mirror').on('keyup', function() {
    $('.'+$(this).attr('class')).val($(this).val());
});