JSFiddle - React, Tailwind, and code Playground

by ClarenceDowns

HTML

Quadratic Equation Calculator<br /><br>
y = ax<sup>2</sup> + bx + c<br /><br />

Input a <input type="text" id="a" size="5" /><br />
Input b <input type="text" id="b" size="5" /><br />
Input c <input type="text" id="c" size="5" /><br />
X Min<input type="text" id="xmin" value="1" size="5" />
X Max<input type="text" id="xmax" value="10" size="5" /><br /><br />

<input type="button" value="Update" id="calculate" />
<br /><br />
<p id="output"> </p>

JavaScript

function calculateY(a, b, c, x) {
  return a * x * x + b * x + c;
}

function calculate() {
  var a = Number($('#a').val());
  var b = Number($('#b').val());
  var c = Number($('#c').val());
  var xmin = Number($('#xmin').val());
  var xmax = Number($('#xmax').val());
  var x = 0;
  var y = 0;

  var s = "";

  s = "Y = " + a + " x<sup>2</sup> + ";
  s += b + " x + " + c + "<br/><br/>";

  for (x = xmin; x <= xmax; x++) {
    y = calculateY(a, b, c, x);
    s += " X = " + x + " Y = " + y + "<br/>";
  }
  output.innerHTML = s;
}

$('#calculate').click(function() {
  calculate();
});