{"id":1529,"date":"2016-07-25T03:48:20","date_gmt":"2016-07-25T03:48:20","guid":{"rendered":"http:\/\/javascript-tutor.net\/?p=1529"},"modified":"2017-09-21T13:34:31","modified_gmt":"2017-09-21T13:34:31","slug":"creating-math-drill-calculating-volume-cuboid","status":"publish","type":"post","link":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/25\/creating-math-drill-calculating-volume-cuboid\/","title":{"rendered":"Creating a math drill for calculating volume of a cuboid"},"content":{"rendered":"

We have learned how to create a calculator that calculates the volume of a cuboid. Using the similar script, we can write a JavaScript that allows the user to input the dimensions as well as\u00a0\u00a0enter the answer. If the answer is wrong, it will displays the “Incorrect” message, otherwise it will show the “Correct” message.<\/p>\n

The JavaScript is as follows:’<\/p>\n

function Calvol(width, length, height){
\nvar vol=width*length*height;
\nreturn vol;
\n}
\nfunction CalSize(){
\nvar x=parseInt(document.getElementById(“wdt”).value);
\nvar y=parseInt(document.getElementById(“lgt”).value);
\nvar z=parseInt(document.getElementById(“hgt”).value);
\nvar Size=Calvol(x,y,z);
\nvar answer=document.getElementById(‘ans1’).value;
\nif (answer==Size)
\n{message=”Correct”;}<\/p>\n

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

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

}<\/p>\n

And the html is as follows:<\/p>\n

<!DOCTYPE html>
\n<html>
\n<head>
\n<meta http-equiv=”Content-Type” content=”text\/html; charset=windows-1252″>
\n<title>Volume Calculation<\/title>
\n<\/head>
\n<body onload=”RandomFn()”>
\n<h1>Volume of a Cuboid<\/h1>
\n<p>Width&nbsp;=&nbsp;&nbsp;<input type=”text” size=”5″ id=”wdt”><\/p>
\n<p>Length=&nbsp;<input type=”text” size=”5″ id=”lgt”><\/p>
\n<p>Height=&nbsp;<input type=”text” size=”5″ id=”hgt”><\/p><\/p>\n

<h3>The Volume is<\/h3><\/p>\n

<input type=”text” size=”5″ id=”ans1″><br><br>
\n<h3 id=”ans”><h3>
\n<script>
\nfunction Nextq() {
\nlocation.reload();
\n}
\n<\/script>
\n<input type=”button” value=”Check Answer” onclick=”CalSize()”><br><br>
\n<input type=”button” value=”Next Question” onclick=” location.reload();”>
\n<script>
\nfunction RandomFn() {
\ndocument.getElementById(“wdt”).innerHTML = parseInt(Math.random()*9+1);
\ndocument.getElementById(“lgt”).innerHTML = parseInt(Math.random()*9+1);
\ndocument.getElementById(“hgt”).innerHTML = parseInt(Math.random()*9+1);
\n}
\n<\/script>
\n<script type=”text\/javascript” src=”volume2.js”><\/script><\/p>\n

<\/body>
\n<\/html><\/p>\n

Click Here<\/a> to run the script.<\/p>\n","protected":false},"excerpt":{"rendered":"

We have learned how to create a calculator that calculates the volume of a cuboid. Using the similar script, we can write a JavaScript that allows the user to input the dimensions as well as\u00a0\u00a0enter the answer. If the answer is wrong, it will displays the “Incorrect” message, otherwise it will show the “Correct” message. … Continue reading “Creating a math drill for calculating volume of a cuboid”<\/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-1529","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\nCreating a math drill for calculating volume of a cuboid - Learn JavaScript Online | Free Interactive JavaScript Tutorials<\/title>\n<meta name=\"description\" content=\"Learn how to create a JavaScript to calculate volume\" \/>\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\/25\/creating-math-drill-calculating-volume-cuboid\/\" \/>\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 for calculating volume of a cuboid - Learn JavaScript Online | Free Interactive JavaScript Tutorials\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a JavaScript to calculate volume\" \/>\n<meta property=\"og:url\" content=\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/25\/creating-math-drill-calculating-volume-cuboid\/\" \/>\n<meta property=\"og:site_name\" content=\"Learn JavaScript Online | Free Interactive JavaScript Tutorials\" \/>\n<meta property=\"article:published_time\" content=\"2016-07-25T03:48:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-09-21T13:34:31+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=\"2 minutes\" \/>\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\/25\/creating-math-drill-calculating-volume-cuboid\/\",\"url\":\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/25\/creating-math-drill-calculating-volume-cuboid\/\",\"name\":\"Creating a math drill for calculating volume of a cuboid - Learn JavaScript Online | Free Interactive JavaScript Tutorials\",\"isPartOf\":{\"@id\":\"https:\/\/javascript-tutor.net\/#website\"},\"datePublished\":\"2016-07-25T03:48:20+00:00\",\"dateModified\":\"2017-09-21T13:34:31+00:00\",\"author\":{\"@id\":\"https:\/\/javascript-tutor.net\/#\/schema\/person\/63d832c3efdf443517b5f5bfd1b93df8\"},\"description\":\"Learn how to create a JavaScript to calculate volume\",\"breadcrumb\":{\"@id\":\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/25\/creating-math-drill-calculating-volume-cuboid\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/25\/creating-math-drill-calculating-volume-cuboid\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/25\/creating-math-drill-calculating-volume-cuboid\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/javascript-tutor.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating a math drill for calculating volume of a cuboid\"}]},{\"@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 for calculating volume of a cuboid - Learn JavaScript Online | Free Interactive JavaScript Tutorials","description":"Learn how to create a JavaScript to calculate volume","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\/25\/creating-math-drill-calculating-volume-cuboid\/","og_locale":"en_US","og_type":"article","og_title":"Creating a math drill for calculating volume of a cuboid - Learn JavaScript Online | Free Interactive JavaScript Tutorials","og_description":"Learn how to create a JavaScript to calculate volume","og_url":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/25\/creating-math-drill-calculating-volume-cuboid\/","og_site_name":"Learn JavaScript Online | Free Interactive JavaScript Tutorials","article_published_time":"2016-07-25T03:48:20+00:00","article_modified_time":"2017-09-21T13:34:31+00:00","author":"Liew Voon Kiong","twitter_misc":{"Written by":"Liew Voon Kiong","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/25\/creating-math-drill-calculating-volume-cuboid\/","url":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/25\/creating-math-drill-calculating-volume-cuboid\/","name":"Creating a math drill for calculating volume of a cuboid - Learn JavaScript Online | Free Interactive JavaScript Tutorials","isPartOf":{"@id":"https:\/\/javascript-tutor.net\/#website"},"datePublished":"2016-07-25T03:48:20+00:00","dateModified":"2017-09-21T13:34:31+00:00","author":{"@id":"https:\/\/javascript-tutor.net\/#\/schema\/person\/63d832c3efdf443517b5f5bfd1b93df8"},"description":"Learn how to create a JavaScript to calculate volume","breadcrumb":{"@id":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/25\/creating-math-drill-calculating-volume-cuboid\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/javascript-tutor.net\/index.php\/2016\/07\/25\/creating-math-drill-calculating-volume-cuboid\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/25\/creating-math-drill-calculating-volume-cuboid\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/javascript-tutor.net\/"},{"@type":"ListItem","position":2,"name":"Creating a math drill for calculating volume of a cuboid"}]},{"@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\/1529","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=1529"}],"version-history":[{"count":3,"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/posts\/1529\/revisions"}],"predecessor-version":[{"id":1532,"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/posts\/1529\/revisions\/1532"}],"wp:attachment":[{"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/media?parent=1529"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/categories?post=1529"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/tags?post=1529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}