MathJax Dynamic Typeset Example

<html>
<head>
<title>MathJax Dynamic Load and Typeset Example</title>
<script
  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML">
</script>
</head>
<body>

<div id="eq"></div>

<p><input type="button" value="Update" onclick="DynamicMJ.update()" /></p>

<script>
var DynamicMJ = {
  eq: document.getElementById("eq"),

  update: function () {
    var a = Math.floor(Math.random()*100)+1,
        b = Math.floor(Math.random()*100)+1;
    var c = a/b;
    var tex = "\\frac{"+a+"}{"+b+"} = "+c;
    this.eq.innerHTML = "\\["+tex+"\\]";
    MathJax.Hub.Queue(["Typeset",MathJax.Hub,this.eq]);
  }
};
DynamicMJ.update();
</script>

</body>
</html>

[Up][Forward]