{"id":8818,"date":"2014-08-20T05:07:04","date_gmt":"2014-08-19T19:07:04","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=8818"},"modified":"2014-08-20T05:07:04","modified_gmt":"2014-08-19T19:07:04","slug":"htmljavascript-chemical-formulae-game-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-chemical-formulae-game-tutorial\/","title":{"rendered":"HTML\/Javascript Chemical Formulae Game Tutorial"},"content":{"rendered":"
\"HTML\/Javascript<\/a>

HTML\/Javascript Chemical Formulae Game Tutorial<\/p><\/div>\n

Here is a tutorial<\/a> showing some client-side basics in HTML and Javascript that test your chemistry knowledge by piecing together chemical formula “sentences”, by filling in a missing bit of information in a three-part “chemical formula sentence”, and today we use an HTML5 canvas element in our methodology. The inspiration for this came from the tutorial here<\/a> (thanks for the great list), 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

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

Link to some downloadable HTML programming code … rename to chemicalformulae_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

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