JSFiddle - React, Tailwind, and code Playground

by milan1889

HTML

<section>
   <h4>Sustav prvog reda</h4> 
   <br />Unesite parametre sustava:
   <br />Vremenska konstanta T: <input type="text" id="vremKonst" /> Pojačanje sustava K: <input type="text" id="pojSustava" /> 
   <form>
         <input type="button" onclick="firstOrder()" value="Calculate">
		 <input type="button" onclick="function()" value="Draw">
      </form>
       <div id="chartContainer" style="height: 300px; width: 1000px;">

JavaScript

function firstOrder(){
var famname= new Array(100);
var T=document.getElementById("vremKonst").value;
var K=document.getElementById("pojSustava").value;
var y;
var M;
for(t=0;t<100;t+=2.5)
{
M=-t/T;
 y=K*(1-Math.exp(M));
famname[t]=y;
}
for(i=0;i<100;i+=2.5){
document.write ( famname[i] + "<br>");

}
   var vrijed = new Array(100);
  for(p=0;p<100;p++){
  vrijed[p]=p;
  }
    
  }
  
  window.onload = function () {
    var chart = new CanvasJS.Chart("chartContainer",
    {

      title:{
      text: "Graph"
      },
       data: [
      {
        type: "spline",

        dataPoints: [
        { x: vrijed[0], y: famname[0] },
        { x: vrijed[1], y: famname[1] },
        { x: vrijed[2], y: famname[2] },
        { x: vrijed[3], y: famname[3] },
        { x: vrijed[4], y: famname[4] },
        { x:vrijed[5], y: famname[5] },
        { x: vrijed[6], y: famname[6] },
        { x: vrijed[7], y: famname[7] },
        { x: vrijed[8], y: famname[8]},
        { x: vrijed[9],y: famname[9] },
        { x: vrijed[10], y: famname[10] },
        { x:vrijed[11],y: famname[11] }
        ]
      }
      ]
    });

    chart.render();
  }