JSFiddle - React, Tailwind, and code Playground

HTML

<!--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" href="#" role="button">Submit &raquo;</a>
    <!--output here-->
    <p id="style1">Style:</p>
    <p id="height1">Height:</p>
    <p id="shoes1">Shoes:</p>

JavaScript

$('#height1').html("#height");