Single Dose ELIM adj

by Sub Taper

HTML

<style>
 div.control_d {
    height: 80px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40;
    }
    div.line_d {
    height: 360px;
    width: 100%;
   }
  td {
    color: white;
    text-align: center;
    font-size: 20;
    font-family:avenir;
}
 input {
    color: black;
    text-align: center;
    font-size: 20;
        font-family:avenir;

}
 </style>
 <table style="width:40%" align="center" width="580px" height="60px">
      <tr>
        <td>Half-Life</td>
        <td>Dose (mg)</td>
        <td>Days Displayed</td>


      </tr>
      <tr>
        <td>
          <input class="halflife" type="number" min="0" id="half" maxlength="4" value="12"><br> </td>
        
        <td>
          <input class="amount" type="number" min="0" id="amou" maxlength="4" value="20"><br>
        </td>
        
         <td>
          <input class="display" type="number"  min= "0"  id="disp" maxlength="4" value="3" ><br> </td>
        
        <td>
      </tr>
        <tr>
    <td colspan="2">
        <input class="bttn" type="button" id="bttn" maxlength="4" value="Graph Elimination"><br>
          </td>
  </tr>
    </table>
<script src="https://www.gstatic.com/charts/loader.js"></script>
<script language="JavaScript">

 google.charts.load('current', {
  callback: createTable,
  packages: ['corechart','controls']
});

function createTable() {
  // Create the dataset (DataTable)
 
 ///////////////////////
          // Define the chart to be drawn.
var data = new google.visualization.DataTable();
    var plotData = [];
var hl =  document.getElementById("half").value;
 var d = document.getElementById("amou").value;
  var dis = document.getElementById("disp").value;
  var hrDisp = dis*24;

  for (i = 0; i <= hrDisp; i += 1) {
    var point = d * Math.pow(0.5, (i / hl));
   // var point = pointInt.toFixed(2);
    plotData.push(point);
  }
  
  //plotData.unshift([0, 0]);
    //set 0,0 at beginning
console.table(plotData);
  
    var dateArr = [];
...