Difference between revisions of "Power functions"

From JSXGraph Wiki
Jump to: navigation, search
Line 12: Line 12:
 
var n = b.createElement('slider',[[-5,-2],[5,-2],[-5,1,5]],{name:'n'});
 
var n = b.createElement('slider',[[-5,-2],[5,-2],[-5,1,5]],{name:'n'});
 
var m = b.createElement('slider',[[1,-4],[10,-4],[1,1,10]],{name:'m'});
 
var m = b.createElement('slider',[[1,-4],[10,-4],[1,1,10]],{name:'m'});
b.createElement('functiongraph', [function(t){ return b.pow(t,n.X()/m.X()); }],{strokeColor:'#ff0000'});
+
b.createElement('functiongraph', [function(t){ return b.pow(t,n.Value()/m.Value()); }],{strokeColor:'#ff0000'});
b.createElement('text',[-5, 3, function(){ return 'y=x<sup>'+b.round(n.X()/m.X(),3)+'</sup>';}]);
+
b.createElement('text',[-5, 3, function(){ return 'y=x<sup>'+b.round(n.Value()/m.Value(),3)+'</sup>';}]);
 
b.unsuspendUpdate();
 
b.unsuspendUpdate();
 
</script>  
 
</script>  
Line 30: Line 30:
 
var n = b.createElement('slider',[[-5,-2],[5,-2],[-5,0,5]],{name:'n'});
 
var n = b.createElement('slider',[[-5,-2],[5,-2],[-5,0,5]],{name:'n'});
 
var m = b.createElement('slider',[[1,-4],[10,-4],[1,1,10]],{name:'m'});
 
var m = b.createElement('slider',[[1,-4],[10,-4],[1,1,10]],{name:'m'});
b.createElement('functiongraph', [function(t){ return b.pow(t,n.X()/m.X()); }],{strokeColor:'#ff0000'});
+
b.createElement('functiongraph', [function(t){ return b.pow(t,n.Value()/m.Value()); }],{strokeColor:'#ff0000'});
b.createElement('text',[-5, 3, function(){ return 'y=x<sup>'+b.round(n.X()/m.X(),3)+'</sup>';}]);
+
b.createElement('text',[-5, 3, function(){ return 'y=x<sup>'+b.round(n.Value()/m.Value(),3)+'</sup>';}]);
 
</source>
 
</source>
  
 
[[Category:Examples]]
 
[[Category:Examples]]
 
[[Category:Calculus]]
 
[[Category:Calculus]]

Revision as of 14:34, 4 June 2009

<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/prototype.js"></script>
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<div id="jxgbox" class="jxgbox" style="width:600px; height:400px;"></div>
b = JXG.JSXGraph.initBoard('jxgbox', {originX: 300, originY: 200, unitX: 20, unitY: 20});
b.createElement('axis', [[0,0], [1,0]], {});
b.createElement('axis', [[0,0], [0,1]], {});
var n = b.createElement('slider',[[-5,-2],[5,-2],[-5,0,5]],{name:'n'});
var m = b.createElement('slider',[[1,-4],[10,-4],[1,1,10]],{name:'m'});
b.createElement('functiongraph', [function(t){ return b.pow(t,n.Value()/m.Value()); }],{strokeColor:'#ff0000'});
b.createElement('text',[-5, 3, function(){ return 'y=x<sup>'+b.round(n.Value()/m.Value(),3)+'</sup>';}]);