JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/query/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <!--STYLE-->
<img src="Images/casual3.jpg">
  <a class="btn btn-primary btn-lg" href="#div2" role="button" value="casual" id="casual">Casual &raquo;</a>
        
<img src="Images/Street2.jpg">
  <a class="btn btn-primary btn-lg" href="#div2" role="button" value="street" id="street">Street &raquo;</a>
        
<!--height-->
<form>
  Height:<br>
  <input type="text" name="height" id="height"><br>
</form>
    
<!--shirt size-->
<select>
  <option value="small" id="small">Small</option>
  <option value="medium" id="medium">Medium</option>
  <option value="large" id="large">Large</option>
  <option value="xlarge" id="xlarge">X-Large</option>
  <option value="xxlarge" id="xxlarge">XX-Large</option>
</select> 
<a class="btn btn-primary btn-lg submit" href="#" role="button">Submit &raquo;</a>
<!--output here-->
<p id="style1">Style:<span></span></p>
<p id="height1">Height:<span></span></p>
<p id="shoes1">Shoes:<span></span></p>

JavaScript

$('.submit').click(function(){
	$('#height1 span').text($('select option:selected').val());
  $('#shoes1 span').text($('#height').val());
});