JSFiddle - React, Tailwind, and code Playground

by GaryC123

HTML

<div style="text-align:center;margin-top:10px">
    <form style="width:600px" name="PitchCombo">
        <div style="text-align: center"> <span style="display:inline-block;margin-right:80px;text-align:left">Input Your Roof Area<br>
            <input type="text" id="in">
                </span>
 <span>
                <label id="Result"></label>
            <select onchange="showtext()" size="1" name="example">
                <option value=".03">3/12 Pitch</option>
                <option value=".05">4/12 Pitch</option>
                <option value=".08">5/12 Pitch</option>
                <option value=".12">6/12 Pitch</option>
                <option value=".16">7/12 Pitch</option>
                <option value=".20">8/12 Pitch</option>
                <option value=".25">9/12 Pitch</option>
                <option value=".30">10/12 Pitch</option>
                <option value=".41">12/12 Pitch</option>
                <option value=".54">14/12 Pitch</option>
                <option value=".67">16/12 Pitch</option>
                <option value=".80">18/12 Pitch</option>
                <option value=".94">20/12 Pitch</option>
                <option value="1.09">22/12 Pitch</option>
                <option value="1.24">24/12 Pitch</option>
            </select>
                </span>

            <input type="button" onclick="gothere()" value="Reset">
            <br>
            <textarea name="text" wrap="virtual" cols="21" rows="5"></textarea>
    </form>
    </div>
</div>