{"id":414,"date":"2022-04-26T20:01:29","date_gmt":"2022-04-26T20:01:29","guid":{"rendered":"https:\/\/mathdynamics.net\/blog\/?p=414"},"modified":"2022-04-26T21:56:36","modified_gmt":"2022-04-26T21:56:36","slug":"add-math-dynamics-to-your-wordpress-site","status":"publish","type":"post","link":"https:\/\/mathdynamics.net\/blog\/index.php\/2022\/04\/26\/add-math-dynamics-to-your-wordpress-site\/","title":{"rendered":"Add Math Dynamics to Your WordPress Site"},"content":{"rendered":"\n<div id=\"mathdynamics\" style=\"border:2px solid black; width:90%; height:90%; display:grid; grid-template-columns:39.5% 59.5%; font-size:100%;\">\n    <script src=\"https:\/\/oslo.mathdynamics.net\/EventHandlers.js\"><\/script>\n    <script src=\"https:\/\/oslo.mathdynamics.net\/JMGraph.js\"><\/script>    \n    <script src=\"https:\/\/oslo.mathdynamics.net\/HandleXML.js\"><\/script> \n    <script src=\"https:\/\/oslo.mathdynamics.net\/evaluateFunction.js\"><\/script>\n    <script src=\"https:\/\/oslo.mathdynamics.net\/onNewExpression.js\"><\/script>\n    <script src=\"https:\/\/oslo.mathdynamics.net\/index.js\"><\/script>\n\n    <link rel=\"stylesheet\" href=\"https:\/\/oslo.mathdynamics.net\/mathdynamics.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/oslo.mathdynamics.net\/tooltipIndex.css\">\n\n    <div id=\"CardBase\" onresize=\"onResize(this)\" style=\"width:90%; height:90%; margin:auto; background-color:#05FDF5;\">\n      <!--Title-->\n      <label style=\"float:left; background-color:#05FDC3; border:1px solid black; margin:3px; width:15%; font-size:1rem;\">Title<\/label>            \n      <input id=\"title0\" type=\"text\" placeholder=\"Title of Function\" name=\"title\" value=\"Test Function\" style=\"background-color:#05FDC3; margin:3px; width:60%; font-weight:bold; font-size:1rem;\">\n      <div class=\"tooltip\">\n        <img decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpVIqDu0g4pChCoIFURFHqWIRLJS2QqsOJpd+QZOGJMXFUXAtOPixWHVwcdbVwVUQBD9AXFydFF2kxP8lhRYxHhz34929x907QGhWmWr2TACqZhnpRFzM5VfFwCuCEBBGFGMSM\/VkZjELz\/F1Dx9f72I8y\/vcn6NfKZgM8InEc0w3LOIN4plNS+e8TxxhZUkhPiceN+iCxI9cl11+41xyWOCZESObnieOEIulLpa7mJUNlXiaOKqoGuULOZcVzluc1Wqdte\/JXxgqaCsZrtMcRgJLSCIFETLqqKAKCzFaNVJMpGk\/7uEfcvwpcsnkqoCRYwE1qJAcP\/gf\/O7WLE5NukmhOND7YtsfI0BgF2g1bPv72LZbJ4D\/GbjSOv5aE5j9JL3R0aJHwMA2cHHd0eQ94HIHGHzSJUNyJD9NoVgE3s\/om\/JA+BYIrrm9tfdx+gBkqavlG+DgEBgtUfa6x7v7unv790y7vx+VVXK151Q52gAAAAZiS0dEAP8A\/wD\/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+MKAxM1AlZeynAAAAIkSURBVCjPfZLLS5RhFIef72Nm0pnRNCKyvEUlXTCNsKhVtqg2Yfug\/yGIgmhb+4goWhgRBUYFDS6DFJVKSPMSIhSTOepY1qTO+M18l\/fXYoZJQXrg3bych\/M7h2MZYyQJ27aRBICTzfJrLgV+gB0Os233LiqicbAAwBIIsIIgEIBt27iOQ3JwAHdokMOnO7FjlRjbYnJgiGjbUZpOniIc2YKCAAsLSp3lua7Ge3r0s6NVHigNSoJ+gHT1hr6AphIJeY4n+ZJ8qSxn5uf1DiRQsmmfeu\/e0djosD487tbi\/j0SKAFaWlgoyoFkAxhjcJb\/UA\/kgInznRzousiR9g5ixzrItrUDEAVWVn8jS2CEDSCJ2voGlh7eo7\/rAnWXLrO3oZH07BzW6Cd2RGMALFZCJFqF\/KCUcR2e66qw5khGSn+b1ednT+RcuyKB+kFvX75SIV+QgmLs8szrcXI5pcfG5Ny+JVMS37x4Lie\/Viz4n5wcn1QfSAdbNQTqS\/SqkHc3iOWF+b7PekJGxIHM1ATZm9c5dPwEkXAYAorXYQSeCEkiFAptkKvqdrL2qJvv6XnqO89SU11dlMpYYAvLGCPLsjbIueUVMqlZauIxKrZuJxSPsxn2Zp+rMzM49x8QH\/7IdM9T0nOpzSuNMfJ9f8PCZkZG9R6UB70+c05fp6aLV+WVnivJMbKMMQIoR5cwniGTTpGcHKG2uYXG5hbCkfC\/jkEx819\/KbhM0pNO+AAAAABJRU5ErkJggg==\" alt=\"Help with the title which describes the Result\" onmouseover=\"OnMouseOver(0)\" style=\"margin-left:-2%;\"> \n        <span id=\"title\" class=\"tooltiptext\">\n          <h3 style=\"text-align:center\">Title<\/h3> \n          The Title field is where you can specify the meaning of the Result field.\n          <p>\n            The text is informational only and has no hard limit on its length.\n            The text in the Title field is used as the default name for xg2 function definition files that are downloaded.\n          <\/p>                \n        <\/span>\n      <\/div>\n      <br> \n\n      <!--Load an XG2 Function Definition File-->                 \n      <input id=\"fileToUpload0\" type=\"file\" onchange=\"LoadFunctionDefinition(event)\" style=\"font-size:1rem; width:80%;\"> \n      <div class=\"tooltip\">              \n\n        <img decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpVIqDu0g4pChCoIFURFHqWIRLJS2QqsOJpd+QZOGJMXFUXAtOPixWHVwcdbVwVUQBD9AXFydFF2kxP8lhRYxHhz34929x907QGhWmWr2TACqZhnpRFzM5VfFwCuCEBBGFGMSM\/VkZjELz\/F1Dx9f72I8y\/vcn6NfKZgM8InEc0w3LOIN4plNS+e8TxxhZUkhPiceN+iCxI9cl11+41xyWOCZESObnieOEIulLpa7mJUNlXiaOKqoGuULOZcVzluc1Wqdte\/JXxgqaCsZrtMcRgJLSCIFETLqqKAKCzFaNVJMpGk\/7uEfcvwpcsnkqoCRYwE1qJAcP\/gf\/O7WLE5NukmhOND7YtsfI0BgF2g1bPv72LZbJ4D\/GbjSOv5aE5j9JL3R0aJHwMA2cHHd0eQ94HIHGHzSJUNyJD9NoVgE3s\/om\/JA+BYIrrm9tfdx+gBkqavlG+DgEBgtUfa6x7v7unv790y7vx+VVXK151Q52gAAAAZiS0dEAP8A\/wD\/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+MKAxM1AlZeynAAAAIkSURBVCjPfZLLS5RhFIef72Nm0pnRNCKyvEUlXTCNsKhVtqg2Yfug\/yGIgmhb+4goWhgRBUYFDS6DFJVKSPMSIhSTOepY1qTO+M18l\/fXYoZJQXrg3bych\/M7h2MZYyQJ27aRBICTzfJrLgV+gB0Os233LiqicbAAwBIIsIIgEIBt27iOQ3JwAHdokMOnO7FjlRjbYnJgiGjbUZpOniIc2YKCAAsLSp3lua7Ge3r0s6NVHigNSoJ+gHT1hr6AphIJeY4n+ZJ8qSxn5uf1DiRQsmmfeu\/e0djosD487tbi\/j0SKAFaWlgoyoFkAxhjcJb\/UA\/kgInznRzousiR9g5ixzrItrUDEAVWVn8jS2CEDSCJ2voGlh7eo7\/rAnWXLrO3oZH07BzW6Cd2RGMALFZCJFqF\/KCUcR2e66qw5khGSn+b1ednT+RcuyKB+kFvX75SIV+QgmLs8szrcXI5pcfG5Ny+JVMS37x4Lie\/Viz4n5wcn1QfSAdbNQTqS\/SqkHc3iOWF+b7PekJGxIHM1ATZm9c5dPwEkXAYAorXYQSeCEkiFAptkKvqdrL2qJvv6XnqO89SU11dlMpYYAvLGCPLsjbIueUVMqlZauIxKrZuJxSPsxn2Zp+rMzM49x8QH\/7IdM9T0nOpzSuNMfJ9f8PCZkZG9R6UB70+c05fp6aLV+WVnivJMbKMMQIoR5cwniGTTpGcHKG2uYXG5hbCkfC\/jkEx819\/KbhM0pNO+AAAAABJRU5ErkJggg==\" alt=\"Help for loading function definitions previoulsy downloaded\" onmouseover=\"OnMouseOver(5)\" style=\"margin-left:1%;\"><br>\n        <span id=\"upload\" class=\"tooltiptext\">\n          <h3 style=\"text-align:center\">Load the Function Definition for an .xg2 File<\/h3>\n          <p>\n            Click the browse button to select or change the selected Function Definition (.xg2) file to load.\n          <\/p>\n        <\/span>\n      <\/div><br>\n\n      <!--Function Definition Expression-->\n      <label style=\"float:left; background-color:#FBFF1A;  padding:0px; border:1px solid black; margin:3px; width:25%; font-size:1rem;\">Function<\/label> \n      <input id=\"expression0\" type=\"text\" name=\"Expression\" value=\"\" oninput=\"onNewExpression('0')\" style=\"float: none; background-color:#FBFF1A; margin:3px; width:50%; font-size:1rem;\">\n      <div class=\"tooltip\">\n        <img decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpVIqDu0g4pChCoIFURFHqWIRLJS2QqsOJpd+QZOGJMXFUXAtOPixWHVwcdbVwVUQBD9AXFydFF2kxP8lhRYxHhz34929x907QGhWmWr2TACqZhnpRFzM5VfFwCuCEBBGFGMSM\/VkZjELz\/F1Dx9f72I8y\/vcn6NfKZgM8InEc0w3LOIN4plNS+e8TxxhZUkhPiceN+iCxI9cl11+41xyWOCZESObnieOEIulLpa7mJUNlXiaOKqoGuULOZcVzluc1Wqdte\/JXxgqaCsZrtMcRgJLSCIFETLqqKAKCzFaNVJMpGk\/7uEfcvwpcsnkqoCRYwE1qJAcP\/gf\/O7WLE5NukmhOND7YtsfI0BgF2g1bPv72LZbJ4D\/GbjSOv5aE5j9JL3R0aJHwMA2cHHd0eQ94HIHGHzSJUNyJD9NoVgE3s\/om\/JA+BYIrrm9tfdx+gBkqavlG+DgEBgtUfa6x7v7unv790y7vx+VVXK151Q52gAAAAZiS0dEAP8A\/wD\/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+MKAxM1AlZeynAAAAIkSURBVCjPfZLLS5RhFIef72Nm0pnRNCKyvEUlXTCNsKhVtqg2Yfug\/yGIgmhb+4goWhgRBUYFDS6DFJVKSPMSIhSTOepY1qTO+M18l\/fXYoZJQXrg3bych\/M7h2MZYyQJ27aRBICTzfJrLgV+gB0Os233LiqicbAAwBIIsIIgEIBt27iOQ3JwAHdokMOnO7FjlRjbYnJgiGjbUZpOniIc2YKCAAsLSp3lua7Ge3r0s6NVHigNSoJ+gHT1hr6AphIJeY4n+ZJ8qSxn5uf1DiRQsmmfeu\/e0djosD487tbi\/j0SKAFaWlgoyoFkAxhjcJb\/UA\/kgInznRzousiR9g5ixzrItrUDEAVWVn8jS2CEDSCJ2voGlh7eo7\/rAnWXLrO3oZH07BzW6Cd2RGMALFZCJFqF\/KCUcR2e66qw5khGSn+b1ednT+RcuyKB+kFvX75SIV+QgmLs8szrcXI5pcfG5Ny+JVMS37x4Lie\/Viz4n5wcn1QfSAdbNQTqS\/SqkHc3iOWF+b7PekJGxIHM1ATZm9c5dPwEkXAYAorXYQSeCEkiFAptkKvqdrL2qJvv6XnqO89SU11dlMpYYAvLGCPLsjbIueUVMqlZauIxKrZuJxSPsxn2Zp+rMzM49x8QH\/7IdM9T0nOpzSuNMfJ9f8PCZkZG9R6UB70+c05fp6aLV+WVnivJMbKMMQIoR5cwniGTTpGcHKG2uYXG5hbCkfC\/jkEx819\/KbhM0pNO+AAAAABJRU5ErkJggg==\" alt=\"Help for entering the Expression for the Function Definition\" onmouseover=\"OnMouseOver(1)\" style=\"margin-left:0%;\"><br>\n        <span id=\"functiondefinition\" class=\"tooltiptext\">\n          <h3 style=\"text-align:center\">Function Definition<\/h3> \n          The Function Defintition field is where you enter most any mathematical expression <br>\n          <p>Expressions may represent many functions from a simple constant to polynomials, logrithms, exponents, etc.\n             From a Mathematics standpoint these Expressions, formulas, etc.. are equations where the Result \n             represents the value of the current state of the Function Definition.\n            (Result = Expression) where Expression is a Mathematical Function consisting of constants, variables and intrinsic functions\n            contained as operands within a structure of Math Operators.\n          <\/p> \n          <p>TIP: All the spaces in function definition are removed before interpretation by the Math Dynamics MARSHALLING ENGINE.<br><br> \n             A number followed by a character is interpreted as follows: (&#8216;1a&#8217; = &#8216;1 a&#8217; = 1) whereas any character followed by number is interpreted \n             as a variable name, i.e. &#8216;a12&#8217; or &#8216;a 12&#8217; is a variable named a12. The Expression field is colloquial in nature and accepts most \n             any combination of letters, numbers and operators.  The syntax is uncomplicated and in fact is the same syntax used in computer software.  \n             All operations must be explicitly defined with an operator character, +, -, *, \/, (, ).\n           <\/p>\n           <p>There are some Reserved Words that represent intrinsic functions.  These functions include \n             <\/p><ol>\n                   <li>sin\n                   <\/li><li>cos \n                   <\/li><li>tan \n                   <\/li><li>asin \n                   <\/li><li>acos\n                   <\/li><li>atan\n                   <\/li><li>exp\n                   <\/li><li>abs\n                   <\/li><li>log\n                   <\/li><li>ln\n             <\/li><\/ol><br>The Math Dynamics COMPUTE ENGINE responds to every change in the Expression field, updating the Result field in real time.\n          <p><\/p>                \n        <\/span>\n      <\/div>\n      <button onclick=\"ClearFunctionDefinition()\" style=\"background-color:red; font-size:1rem;\">Clear<\/button><br>\n\n      <!--Trigmode-->              \n      <input id=\"rdoDeg0\" type=\"radio\" name=\"trigmode\" value=\"Deg\" onclick=\"evaluateFunction(false, true, '0')\" style=\"width:5%; font-size:1rem;\"> Degrees\n      <input id=\"rdoRad0\" type=\"radio\" checked=\"\" name=\"trigmode\" value=\"Rad\" onclick=\"evaluateFunction(false, true, '0')\" style=\"width:5%; font-size:1rem;\"> Radians              \n\n      <div class=\"tooltip\">\n        <img decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpVIqDu0g4pChCoIFURFHqWIRLJS2QqsOJpd+QZOGJMXFUXAtOPixWHVwcdbVwVUQBD9AXFydFF2kxP8lhRYxHhz34929x907QGhWmWr2TACqZhnpRFzM5VfFwCuCEBBGFGMSM\/VkZjELz\/F1Dx9f72I8y\/vcn6NfKZgM8InEc0w3LOIN4plNS+e8TxxhZUkhPiceN+iCxI9cl11+41xyWOCZESObnieOEIulLpa7mJUNlXiaOKqoGuULOZcVzluc1Wqdte\/JXxgqaCsZrtMcRgJLSCIFETLqqKAKCzFaNVJMpGk\/7uEfcvwpcsnkqoCRYwE1qJAcP\/gf\/O7WLE5NukmhOND7YtsfI0BgF2g1bPv72LZbJ4D\/GbjSOv5aE5j9JL3R0aJHwMA2cHHd0eQ94HIHGHzSJUNyJD9NoVgE3s\/om\/JA+BYIrrm9tfdx+gBkqavlG+DgEBgtUfa6x7v7unv790y7vx+VVXK151Q52gAAAAZiS0dEAP8A\/wD\/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+MKAxM1AlZeynAAAAIkSURBVCjPfZLLS5RhFIef72Nm0pnRNCKyvEUlXTCNsKhVtqg2Yfug\/yGIgmhb+4goWhgRBUYFDS6DFJVKSPMSIhSTOepY1qTO+M18l\/fXYoZJQXrg3bych\/M7h2MZYyQJ27aRBICTzfJrLgV+gB0Os233LiqicbAAwBIIsIIgEIBt27iOQ3JwAHdokMOnO7FjlRjbYnJgiGjbUZpOniIc2YKCAAsLSp3lua7Ge3r0s6NVHigNSoJ+gHT1hr6AphIJeY4n+ZJ8qSxn5uf1DiRQsmmfeu\/e0djosD487tbi\/j0SKAFaWlgoyoFkAxhjcJb\/UA\/kgInznRzousiR9g5ixzrItrUDEAVWVn8jS2CEDSCJ2voGlh7eo7\/rAnWXLrO3oZH07BzW6Cd2RGMALFZCJFqF\/KCUcR2e66qw5khGSn+b1ednT+RcuyKB+kFvX75SIV+QgmLs8szrcXI5pcfG5Ny+JVMS37x4Lie\/Viz4n5wcn1QfSAdbNQTqS\/SqkHc3iOWF+b7PekJGxIHM1ATZm9c5dPwEkXAYAorXYQSeCEkiFAptkKvqdrL2qJvv6XnqO89SU11dlMpYYAvLGCPLsjbIueUVMqlZauIxKrZuJxSPsxn2Zp+rMzM49x8QH\/7IdM9T0nOpzSuNMfJ9f8PCZkZG9R6UB70+c05fp6aLV+WVnivJMbKMMQIoR5cwniGTTpGcHKG2uYXG5hbCkfC\/jkEx819\/KbhM0pNO+AAAAABJRU5ErkJggg==\" alt=\"Help for trig mode\" onmouseover=\"OnMouseOver(6)\" style=\"\"><br>\n        <span id=\"trigmode\" class=\"tooltiptext\">\n          <h3 style=\"text-align:center\">Trig Mode<\/h3>\n          Sets a trigonometric function to either calculate the results in degrees or radians.                \n        <\/span>\n      <\/div><br>\n\n      <!--Variable List Space-->\n      <div style=\"width:90%; height:40%; background-color:#14FA74; overflow:auto; margin:2px; border:2px solid black; font-size:1rem;\">\n        <div class=\"tooltip\">\n          <img decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpVIqDu0g4pChCoIFURFHqWIRLJS2QqsOJpd+QZOGJMXFUXAtOPixWHVwcdbVwVUQBD9AXFydFF2kxP8lhRYxHhz34929x907QGhWmWr2TACqZhnpRFzM5VfFwCuCEBBGFGMSM\/VkZjELz\/F1Dx9f72I8y\/vcn6NfKZgM8InEc0w3LOIN4plNS+e8TxxhZUkhPiceN+iCxI9cl11+41xyWOCZESObnieOEIulLpa7mJUNlXiaOKqoGuULOZcVzluc1Wqdte\/JXxgqaCsZrtMcRgJLSCIFETLqqKAKCzFaNVJMpGk\/7uEfcvwpcsnkqoCRYwE1qJAcP\/gf\/O7WLE5NukmhOND7YtsfI0BgF2g1bPv72LZbJ4D\/GbjSOv5aE5j9JL3R0aJHwMA2cHHd0eQ94HIHGHzSJUNyJD9NoVgE3s\/om\/JA+BYIrrm9tfdx+gBkqavlG+DgEBgtUfa6x7v7unv790y7vx+VVXK151Q52gAAAAZiS0dEAP8A\/wD\/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+MKAxM1AlZeynAAAAIkSURBVCjPfZLLS5RhFIef72Nm0pnRNCKyvEUlXTCNsKhVtqg2Yfug\/yGIgmhb+4goWhgRBUYFDS6DFJVKSPMSIhSTOepY1qTO+M18l\/fXYoZJQXrg3bych\/M7h2MZYyQJ27aRBICTzfJrLgV+gB0Os233LiqicbAAwBIIsIIgEIBt27iOQ3JwAHdokMOnO7FjlRjbYnJgiGjbUZpOniIc2YKCAAsLSp3lua7Ge3r0s6NVHigNSoJ+gHT1hr6AphIJeY4n+ZJ8qSxn5uf1DiRQsmmfeu\/e0djosD487tbi\/j0SKAFaWlgoyoFkAxhjcJb\/UA\/kgInznRzousiR9g5ixzrItrUDEAVWVn8jS2CEDSCJ2voGlh7eo7\/rAnWXLrO3oZH07BzW6Cd2RGMALFZCJFqF\/KCUcR2e66qw5khGSn+b1ednT+RcuyKB+kFvX75SIV+QgmLs8szrcXI5pcfG5Ny+JVMS37x4Lie\/Viz4n5wcn1QfSAdbNQTqS\/SqkHc3iOWF+b7PekJGxIHM1ATZm9c5dPwEkXAYAorXYQSeCEkiFAptkKvqdrL2qJvv6XnqO89SU11dlMpYYAvLGCPLsjbIueUVMqlZauIxKrZuJxSPsxn2Zp+rMzM49x8QH\/7IdM9T0nOpzSuNMfJ9f8PCZkZG9R6UB70+c05fp6aLV+WVnivJMbKMMQIoR5cwniGTTpGcHKG2uYXG5hbCkfC\/jkEx819\/KbhM0pNO+AAAAABJRU5ErkJggg==\" alt=\"Help for the Variable Table\" onmouseover=\"OnMouseOver(2)\" style=\"\"><br>\n          <span id=\"variablelistspace\" class=\"tooltiptext\">\n            <h3 style=\"text-align:center\">Variable List Space<\/h3>\n            The Variable List Space conains a tabular list of the variables defined in the Expression field. <br>\n            <p>If there are no variables the Space will appear blank.  Variables appear in the order they are encountered in the marshalling process. \n              Each variable is represented as one row in the table.  Each row identifies the variable name and its currently assigned value.  \n              As you edit the values of the variables in the table the COMPUTE ENGINE updates the Result field in real time.\n            <\/p>\n            <p>\n              TIP A Graph of the function will be generated whenever there is an independent variable defined. Independent variables have three\n              values, separated with spaces, in their respective row in the table of variables.  For example <i>-3.14 3.14 .01<\/i> \n              would generate and plot 628 points in the domain of -pi to +pi. In this case it would be best to set the Trig Mode to Radians.\n            <\/p>\n            <p>\n              TIP When the value portion of the variable&#8217;s entry is blank, it&#8217;s value is zero. Variable names must always begin with a Letter \n              and can be any combination of Letters and Numerals.  Variable names are Case Sensitive hence 1\/time IS NOT the same as 1\/Time. \n            <\/p>                  \n            <\/span>\n        <\/div><br>\n        <table id=\"variables0\" style=\"border:0px solid black; font-size:1rem;\">\n        <\/table>\n      <\/div>\n\n      <!--Result of the evaluated Expression-->\n      <label style=\"float:left; background-color:#FBFF1A; padding:0px; border:1px solid black; margin:3px; width:20%; font-size:1rem;\">Result<\/label> \n      <input id=\"result0\" type=\"text\" name=\"result\" value=\"\" style=\"float: none;background-color:#FBFF1A; margin:3px; width:50%; font-size:1rem;\">\n      <div class=\"tooltip\">\n        <img decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpVIqDu0g4pChCoIFURFHqWIRLJS2QqsOJpd+QZOGJMXFUXAtOPixWHVwcdbVwVUQBD9AXFydFF2kxP8lhRYxHhz34929x907QGhWmWr2TACqZhnpRFzM5VfFwCuCEBBGFGMSM\/VkZjELz\/F1Dx9f72I8y\/vcn6NfKZgM8InEc0w3LOIN4plNS+e8TxxhZUkhPiceN+iCxI9cl11+41xyWOCZESObnieOEIulLpa7mJUNlXiaOKqoGuULOZcVzluc1Wqdte\/JXxgqaCsZrtMcRgJLSCIFETLqqKAKCzFaNVJMpGk\/7uEfcvwpcsnkqoCRYwE1qJAcP\/gf\/O7WLE5NukmhOND7YtsfI0BgF2g1bPv72LZbJ4D\/GbjSOv5aE5j9JL3R0aJHwMA2cHHd0eQ94HIHGHzSJUNyJD9NoVgE3s\/om\/JA+BYIrrm9tfdx+gBkqavlG+DgEBgtUfa6x7v7unv790y7vx+VVXK151Q52gAAAAZiS0dEAP8A\/wD\/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+MKAxM1AlZeynAAAAIkSURBVCjPfZLLS5RhFIef72Nm0pnRNCKyvEUlXTCNsKhVtqg2Yfug\/yGIgmhb+4goWhgRBUYFDS6DFJVKSPMSIhSTOepY1qTO+M18l\/fXYoZJQXrg3bych\/M7h2MZYyQJ27aRBICTzfJrLgV+gB0Os233LiqicbAAwBIIsIIgEIBt27iOQ3JwAHdokMOnO7FjlRjbYnJgiGjbUZpOniIc2YKCAAsLSp3lua7Ge3r0s6NVHigNSoJ+gHT1hr6AphIJeY4n+ZJ8qSxn5uf1DiRQsmmfeu\/e0djosD487tbi\/j0SKAFaWlgoyoFkAxhjcJb\/UA\/kgInznRzousiR9g5ixzrItrUDEAVWVn8jS2CEDSCJ2voGlh7eo7\/rAnWXLrO3oZH07BzW6Cd2RGMALFZCJFqF\/KCUcR2e66qw5khGSn+b1ednT+RcuyKB+kFvX75SIV+QgmLs8szrcXI5pcfG5Ny+JVMS37x4Lie\/Viz4n5wcn1QfSAdbNQTqS\/SqkHc3iOWF+b7PekJGxIHM1ATZm9c5dPwEkXAYAorXYQSeCEkiFAptkKvqdrL2qJvv6XnqO89SU11dlMpYYAvLGCPLsjbIueUVMqlZauIxKrZuJxSPsxn2Zp+rMzM49x8QH\/7IdM9T0nOpzSuNMfJ9f8PCZkZG9R6UB70+c05fp6aLV+WVnivJMbKMMQIoR5cwniGTTpGcHKG2uYXG5hbCkfC\/jkEx819\/KbhM0pNO+AAAAABJRU5ErkJggg==\" alt=\"Help for the result of the evaluation of the function definition\" onmouseover=\"OnMouseOver(3)\" style=\"margin-left:-2%;\"><br>\n        <span id=\"result\" class=\"tooltiptext\">\n          <h3 style=\"text-align:center\">Result<\/h3>\n          The Result field shows the current value of the state of the Function Definition \n          <p>\n            A new result is calculated and displayed anytime the value of any of the variables are changed or the trig mode is changed \n          <\/p>                \n        <\/span>\n      <\/div><br>\n\n      <!--Download Button  When the page loads an event listener is added for this button which then invokes onVariableValueChanged(bIncludePlotData, 0)-->\n      <input type=\"button\" id=\"dwn-btn0\" value=\"Download\" onclick=\"SaveFunctionDefinition()\" style=\"width:28%; padding-left:.1%; margin-right:0%; font-size:1rem;\">\n      <div class=\"tooltip\">\n        <img decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpVIqDu0g4pChCoIFURFHqWIRLJS2QqsOJpd+QZOGJMXFUXAtOPixWHVwcdbVwVUQBD9AXFydFF2kxP8lhRYxHhz34929x907QGhWmWr2TACqZhnpRFzM5VfFwCuCEBBGFGMSM\/VkZjELz\/F1Dx9f72I8y\/vcn6NfKZgM8InEc0w3LOIN4plNS+e8TxxhZUkhPiceN+iCxI9cl11+41xyWOCZESObnieOEIulLpa7mJUNlXiaOKqoGuULOZcVzluc1Wqdte\/JXxgqaCsZrtMcRgJLSCIFETLqqKAKCzFaNVJMpGk\/7uEfcvwpcsnkqoCRYwE1qJAcP\/gf\/O7WLE5NukmhOND7YtsfI0BgF2g1bPv72LZbJ4D\/GbjSOv5aE5j9JL3R0aJHwMA2cHHd0eQ94HIHGHzSJUNyJD9NoVgE3s\/om\/JA+BYIrrm9tfdx+gBkqavlG+DgEBgtUfa6x7v7unv790y7vx+VVXK151Q52gAAAAZiS0dEAP8A\/wD\/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+MKAxM1AlZeynAAAAIkSURBVCjPfZLLS5RhFIef72Nm0pnRNCKyvEUlXTCNsKhVtqg2Yfug\/yGIgmhb+4goWhgRBUYFDS6DFJVKSPMSIhSTOepY1qTO+M18l\/fXYoZJQXrg3bych\/M7h2MZYyQJ27aRBICTzfJrLgV+gB0Os233LiqicbAAwBIIsIIgEIBt27iOQ3JwAHdokMOnO7FjlRjbYnJgiGjbUZpOniIc2YKCAAsLSp3lua7Ge3r0s6NVHigNSoJ+gHT1hr6AphIJeY4n+ZJ8qSxn5uf1DiRQsmmfeu\/e0djosD487tbi\/j0SKAFaWlgoyoFkAxhjcJb\/UA\/kgInznRzousiR9g5ixzrItrUDEAVWVn8jS2CEDSCJ2voGlh7eo7\/rAnWXLrO3oZH07BzW6Cd2RGMALFZCJFqF\/KCUcR2e66qw5khGSn+b1ednT+RcuyKB+kFvX75SIV+QgmLs8szrcXI5pcfG5Ny+JVMS37x4Lie\/Viz4n5wcn1QfSAdbNQTqS\/SqkHc3iOWF+b7PekJGxIHM1ATZm9c5dPwEkXAYAorXYQSeCEkiFAptkKvqdrL2qJvv6XnqO89SU11dlMpYYAvLGCPLsjbIueUVMqlZauIxKrZuJxSPsxn2Zp+rMzM49x8QH\/7IdM9T0nOpzSuNMfJ9f8PCZkZG9R6UB70+c05fp6aLV+WVnivJMbKMMQIoR5cwniGTTpGcHKG2uYXG5hbCkfC\/jkEx819\/KbhM0pNO+AAAAABJRU5ErkJggg==\" alt=\"Help with saving the state of a function definition\" onmouseover=\"OnMouseOver(4)\" style=\"margin-left:0%;\"><br>\n        <span id=\"download\" class=\"tooltiptext\">\n          <h3 style=\"text-align:center\">Download the Function Definition<\/h3>\n          Download and save the all of the information about this Function Definition.\n          <p>\n            This will create and download a .xg2 file named using the Title field. The .xg2 file \n            can then be reloaded using the Choose File and Upload Buttons.\n            The .xg2 file can also be imported into the Math Dynamics Android App.\n          <\/p>                \n        <\/span>\n      <\/div>\n    <\/div>                 \n\n    <div id=\"graph\" style=\"border:1px solid green; width:90%; height:90%; margin:auto; position:relative; font-family:courier; font-size:1rem; overflow-y:auto;\">\n      <canvas id=\"canvas\" style=\"border:0px solid black; position:relative; background:#ffff80; width:100%; font-size:1rem;\">\n        Your browser does not support the HTML5 canvas tag.\n      <\/canvas>\n\n      <div style=\"border:0px solid green; width:99%; margin:auto; font-size:1rem; display:grid; grid-template-columns:7% 30% 20% 20%;\">    \n        <input type=\"checkbox\" id=\"axismode\" onclick=\"SetGraphAxisMode()\" style=\"width:100%;\">\n        <label for=\"axismode\" style=\"border:0px solid black; padding:2%;\"> Manual Mode<\/label>\n        <div id=\"domain\" style=\"border:0px solid black;\">Domain<\/div>\n        <div id=\"range\" style=\"border:0px solid black;\">Range<\/div>\n      <\/div>\n      <div style=\"font-size:.8rem;\">\n        <label>X Min<\/label><input id=\"xl\" class=\"AxisLimit\" placeholder=\"X Min\" oninput=\"SetGraphAxisMode()\" type=\"text\" style=\"font-size:.8rem;\">\n        <label>X Max<\/label><input id=\"xu\" class=\"AxisLimit\" placeholder=\"X Max\" oninput=\"SetGraphAxisMode()\" type=\"text\" style=\"font-size:.8rem;\">\n        <label>Y Min<\/label><input id=\"yl\" class=\"AxisLimit\" placeholder=\"Y Min\" oninput=\"SetGraphAxisMode()\" type=\"text\" style=\"font-size:.8rem;\">\n        <label>Y Max<\/label><input id=\"yu\" class=\"AxisLimit\" placeholder=\"Y Max\" oninput=\"SetGraphAxisMode()\" type=\"text\" style=\"font-size:.8rem;\">\n      <\/div>  \n    <\/div>\n\n    <script>\n      InitializeGraph();\n      document.getElementById(\"title0\").value = \"\";\n      document.getElementById(\"expression0\").value = \"\";\n      document.getElementById(\"rdoRad0\").checked = true;\n      document.getElementById(\"fileToUpload0\").value = \"\";\n      document.getElementById(\"result0\").value = \"\";\n      document.getElementById(\"variables0\").innerHTML = \"\"; \n\n      const myObserver = new ResizeObserver(entries => \n      {\n        onResize(this);\n      });\n      myObserver.observe(document.getElementById(\"mathdynamics\"));\n    <\/script>\n  <\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Title Title The Title field is where you can specify the meaning of the Result field. The text is informational only and has no hard limit on its length. The text in the Title field is used as the default name for xg2 function definition files that are downloaded. Load the Function Definition for an [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/mathdynamics.net\/blog\/index.php\/wp-json\/wp\/v2\/posts\/414"}],"collection":[{"href":"https:\/\/mathdynamics.net\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mathdynamics.net\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mathdynamics.net\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mathdynamics.net\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=414"}],"version-history":[{"count":44,"href":"https:\/\/mathdynamics.net\/blog\/index.php\/wp-json\/wp\/v2\/posts\/414\/revisions"}],"predecessor-version":[{"id":477,"href":"https:\/\/mathdynamics.net\/blog\/index.php\/wp-json\/wp\/v2\/posts\/414\/revisions\/477"}],"wp:attachment":[{"href":"https:\/\/mathdynamics.net\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=414"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mathdynamics.net\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=414"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mathdynamics.net\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}