JSFiddle - React, Tailwind, and code Playground

by Tyler N.

HTML

<form class="our-form" action="" method="post">
  <input name="titles" type="text" id="first-name" data-val="first-name">
  <input name="titles" type="text" id="last-name" data-val="last-name">
  <input type="text" id="zipcode" data-val="zip">
  <a class="btn-review" href="#">Review</a>
  
  <div class="review-window">
    <p data-val="first-name"></p>
    <p data-val="last-name"></p>
    <p data-val="zip"></p>
  </div>
</form>

CSS

.review-window {
  background: white;
  padding: 25px;
  margin: 25px auto 0;
}

JavaScript

$(function() {

  var av = '';
  var targetP = '';
  var da = [];
  var el = $("input[type='text']")

  function tr() {
    el.map(function(targetP) {
    	targetP = $(this).attr('data-val');
      av = $(this).val();
      
      da.push({t : targetP, v : av});

			console.log(el[t]);
    });

    $('p').attr('data-val', da.t).text(da[av]);

	}
  
  
  $('.btn-review').on('click', function(e) {
  
  tr();
	
  });

});