Building a Graphing Calculator with HTML5

[HekaFOF]

Your tutorials are very good! I enjoy these a lot! Keep doing these.

[davedave]

This is awesome, I learned alot from your videos!

[OCSnowBoarder]

Thanks for the uploads...   I hope all is well.

[Shinnagin]

Hey, sorry if this is a really stupid or obvious question - could you not just use the built-in eval() function in javascript instead of the math.js library?

[HerbaMachina]

Make sure you're using version 0.15.0 of Math.JS if you're following along in 2020 as the current version 6.6.4 is done differently

[DaeGlyth]

Can the anti-aliasing be improved with this approach? For example, the sine wave doesn't look very smooth. The peaks and troughs look slightly thicker than the rest of the wave. Increasing n doesn't seem to help any, just makes the curve look darker.

[mayaahmed]

Awesome. Thank you for this amazing tutorial.

[BradenBest]

A little tidbit on pre-declaring variables in JavaScript: 

Remember how you acknowledged you can do this:

var a, b = 3, c;

instead of this:

var a;
var b = 3;
var c;

Well, this works in loops as well, multiple variables can be defined and controlled in one for loop statement, which can potentially make for cleaner code.

I made two examples:



Like ternary operations, it's good in some cases, but should never be used extensively, especially when there are more efficient ways

[benotaku]

This was really helpful, thank you very much!

[kmcat]

i was trying to get a value of a textbox intp a equation in js:
the text has a id ofsearch_text) looking at the console the value for jobvalue is the number in the text box but, the value is not being passed onto the equation  

jobValue =
     onclick=

function fun1(x) {return Math.cos(1*x);  }
function fun2(x) {return Math.sin(jobValue*x);
                 }

[samuelhansard]

I don't know whether I'm messing it up or what, but for me tree.eval() doesn't work
instead I remove tree from global and add where tree.eval() would have been