{"id":8630,"date":"2014-07-29T05:01:21","date_gmt":"2014-07-28T19:01:21","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=8630"},"modified":"2015-06-14T17:07:48","modified_gmt":"2015-06-14T07:07:48","slug":"htmljavascript-more-quadratic-equations-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-more-quadratic-equations-tutorial\/","title":{"rendered":"HTML\/Javascript Quadratic Equations Game Tutorial"},"content":{"rendered":"
\"HTML\/Javascript<\/a>

HTML\/Javascript Quadratic Equations Game Tutorial<\/p><\/div>\n

Here is a tutorial<\/a> showing some client-side basics in HTML and Javascript that can verify your calculation of the roots of a quadratic equation, by filling in a missing bit of information in a three-part “quadratic equation sentence”, and today we use an HTML5 canvas element in our methodology, as a bit of a contrast to a previous HTML\/Javascript Quadratic Equations Tutorial<\/a> as shown below. The inspiration for this came from the tutorial here<\/a>, and we invite you to play with another player, and add your own, maybe while they aren’t looking?! (Hint: Try the middle Dot).<\/p>\n

Sometimes a graphical representation of the Quadratic Equation can help visualize the situation, so for this we call on a previous tutorial PHP\/Javascript\/HTML Google Parabola Line Chart Tutorial<\/a>.<\/p>\n

This HTML\/Javascript solution uses three HTML select tags, one incomplete, to piece together a “quadratic equation sentence” to score points in our mathematical game.<\/p>\n

Link to some downloadable HTML programming code … rename to quadratic_chalkboard.html<\/a> (please note that some of the utf-8 characters may be better seen with View->Page Source).<\/p>\n

Hope you add to your ideas from today’s tutorial.<\/p>\n

\n

Previous relevant HTML\/Javascript Quadratic Equations Tutorial<\/a> is shown below.<\/p>\n

\"HTML\/Javascript<\/a>

HTML\/Javascript Quadratic Equations Tutorial<\/p><\/div>\n

Here is a tutorial<\/a> showing some client-side basics in HTML and Javascript that can verify your calculation of the roots of a quadratic equation. The inspiration for this came from the tutorial here<\/a>.<\/p>\n

Sometimes a graphical representation of the Quadratic Equation can help visualize the situation, so for this we call on a previous tutorial PHP\/Javascript\/HTML Google Parabola Line Chart Tutorial<\/a>.<\/p>\n

This HTML\/Javascript solution uses an HTML form to collect information, and it is a lot like Javascript form validation to do the mathematics, so the previous tutorial Javascript Form Validation Primer Tutorial<\/a> has many similarities in its coding structure to today’s tutorial.<\/p>\n

Link to some downloadable HTML programming code … rename to quadratic_something_missing.html<\/a>\n<\/p>\n

Hope you get some ideas from today’s tutorial.<\/p>\n

If this was interesting you may be interested in this<\/a> too.<\/p>\n