Script Categories













Calculators >>> Graphing Function.

Enter the X-Y coordinates for a function and this script will give you the graphing formulas, including Formula, Slope, Y-intercept, Parallel and Perpendicular lines.

Enter coordinate values:
X1:
Y1:
X2:
Y2:
Formula:
Slope:
Y-Intercept:
Parallel Line Formula:
Perpendicular Line Formula:

Add the below code to the <body> section of your page:

<script language="javascript" type="text/javascript">
/* Visit http://www.yaldex.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin
function calculate() {
var y = new Array();
y[0] = null;
y[1] = document.calculator.y1.value;
y[2] = document.calculator.y2.value;
var x = new Array();
x[0] = null;
x[1] = document.calculator.x1.value;
x[2] = document.calculator.x2.value;
var m = (y[2] - y[1]) / (x[2] - x[1]);
var b = y[1]-(m * x[1]);
var formula = "y="+m+"x + "+b;
var rand = parseInt(Math.random() * 7);
var parf = "y="+m+"x + "+rand;
var newm = m / -1;
var perf = "y="+newm+"x + "+b;
document.calculator.formula.value = formula;
document.calculator.slope.value = m;
document.calculator.yint.value = b;
document.calculator.parf.value = parf;
document.calculator.perf.value = perf;
}
//  End -->
</script>
<form name="calculator">
Enter coordinate values:
<table border=0>
<tr>
<td>
X1:</td>
<td>
<input type=text name=x1 size=10></td>
</tr>
<tr>
<td>
Y1:</td>
<td>
<input type=text name=y1 size=10></td>
</tr>
<tr>
<td>
X2:</td>
<td>
<input type=text name=x2 size=10></td>
</tr>
<tr>
<td>
Y2:</td>
<td>
<input type=text name=y2 size=10>
<input
type=button value="Get Results" onClick="calculate();"></td>
</tr>
<tr>
<td>
Formula:</td>
<td>
<input type=text name=formula size=50></td>
</tr>
<tr>
<td>
Slope:</td>
<td>
<input type=text name=slope size=50></td>
</tr>
<tr>
<td>
Y-Intercept:</td>
<td>
<input type=text name=yint size=50></td>
</tr>
<tr>
<td>
Parallel Line Formula:</td>
<td>
<input type=text name=parf size=50></td>
</tr>
<tr>
<td>
Perpendicular Line Formula:</td>
<td>
<input type=text name=perf size=50></td>
</tr>
</table>

JavaScript Editor Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!

1st JavaScript Editor.



Code was highlighted by 1st JavaScript Editor (The Best JavaScript Editor!).

R7


©