Next Gen Smart Wood UI

by spydmobile

HTML

<div style="width: 70%; margin: 0 auto;">
<form action="">
<input type="radio" checked="checked" name="woodType" value="seasoned">Seasoned
<input type="radio" name="woodType" value="dry">Dry
<input type="radio" name="woodType" value="green">Green<br>

<button type="button" onclick="woodData('more')">More</button>
<button type="button" onclick="woodData('less')">Less</button><br>
  WoodAmt: <input type="text" size =2 name="amt"><br>
  When:
<select>
<option value="-0 minutes">-0 minutes</option>
<option value="-10 minutes">-10 minutes</option>
<option value="-20 minutes">-20 minutes</option>
<option value="-30 minutes">-30 minutes</option>
<option value="-40 minutes">-40 minutes</option>
<option value="-50 minutes">-50 minutes</option>
<option value="-1 hour">-1 hour</option>
<option value="-1.5 hours">-1.5 hours</option>
<option value="-2 hours">-2 hours</option>
<option value="-3 hours">-3 hours</option>
<option value="-4 hours">-4 hours</option>
<option value="-5 hours">-5 hours</option>
</select> ago.<br>
</form>
</div>

CSS

button {
  color: #900;
  font-weight: bold;
  font-size: 150%;
  text-transform: uppercase;
}

JavaScript

function woodData(stuff){
	console.log('Running woodData');
  woodType = document.getElementById('woodType').value ;

}