HTML/Javascript Number Sentence Tutorial
Here is a tutorial showing some client-side basics in HTML and Javascript that can test some fairly simple mathematical Number Sentences for the user. The inspiration for this came from some homework of a student.
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 has many similarities in its coding structure to today’s tutorial.
Link to some downloadable HTML programming code … rename to something_missing.html
You’ll notice heavy use of the Javascript Math.random() function.
If you want a bit of a challenge do the Harder section with no calculator.
If this was interesting you may be interested in this too.
I like the single-row radio-play approach for keeping the controls compact while still making each selection clear. When I’m checking a calculation alongside a tutorial, I use StepStat to see the intermediate steps; how do you handle the layout when the playlist gets much longer?