JSFiddle - React, Tailwind, and code Playground

by Sub Taper

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

<form>
  Enter Drug Half-Life:
  <br>
  <input type="number" name="hl1">
  <br> Enter Dose - Amount of Drug:
  <br>
  <input type="number" name="dose1">
</form>

JavaScript

google.charts.load('current', {packages: ['corechart', 'line']});
google.charts.setOnLoadCallback(drawBasic);

function drawBasic() {

      var data = new google.visualization.DataTable();
        data.addColumn('time', 'Hours');
        data.addColumn('number', 'Amount Remaining');


        // load data table

        var spanHL = 24; ////gonna have to adjust this

        var timeHR = new Hours();


        for (var i = 0; i <= timeHR.length - 1; i++) {
          data.addRow([new Hours(i), i]);
        }


        ////var array1 = ['a', 'b', 'c'];
        ////var denseKeys = [...array1.keys()];
        ////console.log(denseKeys);


      var chart = new google.visualization.LineChart(document.getElementById('chart_div'));

      chart.draw(data, options);
    }