{"id":1472,"date":"2016-07-19T03:55:10","date_gmt":"2016-07-19T03:55:10","guid":{"rendered":"http:\/\/javascript-tutor.net\/?p=1472"},"modified":"2017-09-21T13:34:52","modified_gmt":"2017-09-21T13:34:52","slug":"creating-math-drill-application-kids","status":"publish","type":"post","link":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/19\/creating-math-drill-application-kids\/","title":{"rendered":"Creating a math drill application for kids"},"content":{"rendered":"

We can create a math drill function for kids using\u00a0JavaScript.<\/p>\n

In this example, the function \u00a0generates two integers and add them together. After that, it comparesits result to the answer entered by the user. If the answer is correct, it will show the message ‘Correct’. On the other hand, if the answer is wrong, it will show the message ‘ Incorrect’.<\/p>\n

In order to generate a random number, we use the built-in function, as follows:<\/p>\n

Math.random()<\/p>\n

In order to statement generates an integer that is less than or equal to 100, we use the parseInt function.<\/p>\n

parseInt(Math.random()*100);<\/p>\n

The following is the JavaScript code created by us:<\/p>\n

function myFunction() {
\nvar number1;
\nvar number2;
\nvar answer;
\nvar message<\/p>\n

number1=document.getElementById(‘num1’).innerHTML ;
\nnumber2=document.getElementById(‘num2’).innerHTML;
\nanswer=document.getElementById(‘ans1’).value;
\nvar sum=parseInt(number1)+parseInt(number2);<\/p>\n

if (answer==sum)
\n{message=”Correct”;}<\/p>\n

else
\n{message=”Incorrect”;}<\/p>\n

document.getElementById(‘ans’).textContent=message;<\/p>\n

}<\/p>\n

Check it out here<\/a>,<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

We can create a math drill function for kids using\u00a0JavaScript. In this example, the function \u00a0generates two integers and add them together. After that, it comparesits result to the answer entered by the user. If the answer is correct, it will show the message ‘Correct’. On the other hand, if the answer is wrong, it … Continue reading “Creating a math drill application for kids”<\/span><\/a><\/p>\n","protected":false},"author":35895,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1472","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\nCreating a math drill application for kids - Learn JavaScript Online | Free Interactive JavaScript Tutorials<\/title>\n<meta name=\"description\" content=\"Learn how to create a JavaScript function that let students carry out math drill\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/19\/creating-math-drill-application-kids\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating a math drill application for kids - Learn JavaScript Online | Free Interactive JavaScript Tutorials\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a JavaScript function that let students carry out math drill\" \/>\n<meta property=\"og:url\" content=\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/19\/creating-math-drill-application-kids\/\" \/>\n<meta property=\"og:site_name\" content=\"Learn JavaScript Online | Free Interactive JavaScript Tutorials\" \/>\n<meta property=\"article:published_time\" content=\"2016-07-19T03:55:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-09-21T13:34:52+00:00\" \/>\n<meta name=\"author\" content=\"Liew Voon Kiong\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Liew Voon Kiong\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/19\/creating-math-drill-application-kids\/\",\"url\":\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/19\/creating-math-drill-application-kids\/\",\"name\":\"Creating a math drill application for kids - Learn JavaScript Online | Free Interactive JavaScript Tutorials\",\"isPartOf\":{\"@id\":\"https:\/\/javascript-tutor.net\/#website\"},\"datePublished\":\"2016-07-19T03:55:10+00:00\",\"dateModified\":\"2017-09-21T13:34:52+00:00\",\"author\":{\"@id\":\"https:\/\/javascript-tutor.net\/#\/schema\/person\/63d832c3efdf443517b5f5bfd1b93df8\"},\"description\":\"Learn how to create a JavaScript function that let students carry out math drill\",\"breadcrumb\":{\"@id\":\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/19\/creating-math-drill-application-kids\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/19\/creating-math-drill-application-kids\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/19\/creating-math-drill-application-kids\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/javascript-tutor.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating a math drill application for kids\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/javascript-tutor.net\/#website\",\"url\":\"https:\/\/javascript-tutor.net\/\",\"name\":\"Learn JavaScript Online | Free Interactive JavaScript Tutorials\",\"description\":\"Master JavaScript with free, interactive tutorials for beginners and experienced coders. Practice live coding and visualize how JavaScript works step by step.\",\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/javascript-tutor.net\/#\/schema\/person\/63d832c3efdf443517b5f5bfd1b93df8\",\"name\":\"Liew Voon Kiong\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/javascript-tutor.net\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/413ad70576fa5f43c1d3ae3429c92579c21f536c350e6470302fa25ddd9b6a13?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/413ad70576fa5f43c1d3ae3429c92579c21f536c350e6470302fa25ddd9b6a13?s=96&d=mm&r=g\",\"caption\":\"Liew Voon Kiong\"},\"url\":\"https:\/\/javascript-tutor.net\/index.php\/author\/ajt7051jct\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creating a math drill application for kids - Learn JavaScript Online | Free Interactive JavaScript Tutorials","description":"Learn how to create a JavaScript function that let students carry out math drill","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/19\/creating-math-drill-application-kids\/","og_locale":"en_US","og_type":"article","og_title":"Creating a math drill application for kids - Learn JavaScript Online | Free Interactive JavaScript Tutorials","og_description":"Learn how to create a JavaScript function that let students carry out math drill","og_url":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/19\/creating-math-drill-application-kids\/","og_site_name":"Learn JavaScript Online | Free Interactive JavaScript Tutorials","article_published_time":"2016-07-19T03:55:10+00:00","article_modified_time":"2017-09-21T13:34:52+00:00","author":"Liew Voon Kiong","twitter_misc":{"Written by":"Liew Voon Kiong","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/19\/creating-math-drill-application-kids\/","url":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/19\/creating-math-drill-application-kids\/","name":"Creating a math drill application for kids - Learn JavaScript Online | Free Interactive JavaScript Tutorials","isPartOf":{"@id":"https:\/\/javascript-tutor.net\/#website"},"datePublished":"2016-07-19T03:55:10+00:00","dateModified":"2017-09-21T13:34:52+00:00","author":{"@id":"https:\/\/javascript-tutor.net\/#\/schema\/person\/63d832c3efdf443517b5f5bfd1b93df8"},"description":"Learn how to create a JavaScript function that let students carry out math drill","breadcrumb":{"@id":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/19\/creating-math-drill-application-kids\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/javascript-tutor.net\/index.php\/2016\/07\/19\/creating-math-drill-application-kids\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/19\/creating-math-drill-application-kids\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/javascript-tutor.net\/"},{"@type":"ListItem","position":2,"name":"Creating a math drill application for kids"}]},{"@type":"WebSite","@id":"https:\/\/javascript-tutor.net\/#website","url":"https:\/\/javascript-tutor.net\/","name":"Learn JavaScript Online | Free Interactive JavaScript Tutorials","description":"Master JavaScript with free, interactive tutorials for beginners and experienced coders. Practice live coding and visualize how JavaScript works step by step.","inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/javascript-tutor.net\/#\/schema\/person\/63d832c3efdf443517b5f5bfd1b93df8","name":"Liew Voon Kiong","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/javascript-tutor.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/413ad70576fa5f43c1d3ae3429c92579c21f536c350e6470302fa25ddd9b6a13?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/413ad70576fa5f43c1d3ae3429c92579c21f536c350e6470302fa25ddd9b6a13?s=96&d=mm&r=g","caption":"Liew Voon Kiong"},"url":"https:\/\/javascript-tutor.net\/index.php\/author\/ajt7051jct\/"}]}},"_links":{"self":[{"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/posts\/1472","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/users\/35895"}],"replies":[{"embeddable":true,"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/comments?post=1472"}],"version-history":[{"count":15,"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/posts\/1472\/revisions"}],"predecessor-version":[{"id":1523,"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/posts\/1472\/revisions\/1523"}],"wp:attachment":[{"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/media?parent=1472"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/categories?post=1472"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/tags?post=1472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}