JSFiddle - React, Tailwind, and code Playground

by akmiecik

HTML

<form method="GET" id="myForm" action="" autocomplete="off" name="myform">

	 <div>
    <input type="radio" id="out"  onclick="hide_conditions();" 
     name="in_out" value="out">
    <label for="out">Out</label>

    <input type="radio" onclick="hide_conditions();" id="in"
     name="in_out" value="in">
    <label for="in">In</label>
  </div>
<div id="conditions">  
<label for="temp">Temp:</label>	
<input type="number" id="temp" name="temp" step="1"><br>
Wind:<br>
direction <input type="number" id="wind_dir" name="wind_dir" step=""><br>	
speed <input type="number" id="wind_speed" name="wind_speed" step="">gust <input type="number" id="wind_gust" name="wind_gust" step=""></div><br>
	<textarea id="notes" name="notes"></textarea>
	 <div>
    <input type="radio" id="red"
     name="bike_color" value="red" checked>
    <label for="red">Red</label>

    <input type="radio" id="dumbo"
     name="bike_color" value="dumbo">
    <label for="dumbo">Dumbo</label>

    <input type="radio" id="tweety"
     name="bike_color" value="tweety">
    <label for="red">Tweety</label>
  </div>