Function Calculator

Result

Calculation Steps:

f(x) = 1x + 0

f(1) = 1(1) + 0

f(1) = 1

Function Calculator

f(x) = ax + b

Coefficient a:

Coefficient b:

Enter x value:

📈 Function Graph

Point: (1, 1)

🧮 How We Got The Answer

Linear Function Basics:

A linear function has the form f(x) = ax + b, where 'a' is the slope and 'b' is the y-intercept.

The slope 'a' determines how steep the line is, and 'b' is where the line crosses the y-axis.

📚 Function Examples

Linear Function

Form: f(x) = ax + b

Example: f(x) = 2x + 3

When x = 5: f(5) = 2(5) + 3 = 13

Quadratic Function

Form: f(x) = ax² + bx + c

Example: f(x) = x² - 4x + 3

When x = 2: f(2) = 4 - 8 + 3 = -1

Cubic Function

Form: f(x) = ax³ + bx² + cx + d

Example: f(x) = x³ - 2x² + x - 1

When x = 3: f(3) = 27 - 18 + 3 - 1 = 11

}) ${b >= 0 ? '+' : ''}${b * x} ${c >= 0 ? '+' : ''}${c}`, `f(${x}) = ${a * x * x} ${b * x >= 0 ? '+' : ''}${b * x} ${c >= 0 ? '+' : ''}${c}`, `f(${x}) = ${result}` ]; break; case 'cubic': const c_cubic = parseFloat(document.getElementById('coeff-c').value) || 0; const d = parseFloat(document.getElementById('coeff-d').value) || 0; result = a * x * x * x + b * x * x + c_cubic * x + d; equation = `${a}x³ ${b >= 0 ? '+' : ''}${b}x² ${c_cubic >= 0 ? '+' : ''}${c_cubic}x ${d >= 0 ? '+' : ''}${d}`; steps = [ `f(x) = ${equation}`, `f(${x}) = ${a}(${x})³ ${b >= 0 ? '+' : ''}${b}(${x})² ${c_cubic >= 0 ? '+' : ''}${c_cubic}(${x}) ${d >= 0 ? '+' : ''}${d}`, `f(${x}) = ${a}(${x * x * x}) ${b >= 0 ? '+' : ''}${b}(${x * x}) ${c_cubic >= 0 ? '+' : ''}${c_cubic * x} ${d >= 0 ? '+' : ''}${d}`, `f(${x}) = ${a * x * x * x} ${b * x * x >= 0 ? '+' : ''}${b * x * x} ${c_cubic * x >= 0 ? '+' : ''}${c_cubic * x} ${d >= 0 ? '+' : ''}${d}`, `f(${x}) = ${result}` ]; break; } // Update result display document.getElementById('result').textContent = result.toFixed(6).replace(/\.?0+$/, ''); // Update steps const stepsContainer = document.getElementById('steps'); stepsContainer.innerHTML = steps.map(step => `

${step}

`).join(''); } // Add event listeners document.getElementById('x-value').addEventListener('input', calculate); // Initialize updateInterface(); calculate();