next gen main

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='woodDataAdd();'>More</button>
    <button type="button" onclick='woodDataMinus();'>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

var woodAmt = 0;

function woodDataAdd (stuffus) {
  console.log('Running woodData');
  var woodAmt = document.getElementById('woodAmt').value;
  woodAmt = woodAmt + 1;
  
  var woodType = document.getElementById('woodType').value;

}

function woodDataMinus () {
  console.log('Running woodDataMinus');
  var woodAmt = document.getElementById('woodAmt').value;
  woodAmt = woodAmt -1;
  
  var woodType = document.getElementById('woodType').value;

}