Difference between revisions of "Inverse mapping of the power function"

From JSXGraph Wiki
Jump to: navigation, search
(New page: <html> <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/pro...)
 
 
(14 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<html>
+
<jsxgraph width="600" height="400" box="jxgbox">
<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
+
b = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-5.5, 7.5, 9.5, -2.5], axis: true});
<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>
 
<script language="JavaScript">
 
b = JXG.JSXGraph.initBoard('jxgbox', {originX: 300, originY: 200, unitX: 40, unitY: 20});
 
 
b.suspendUpdate();
 
b.suspendUpdate();
b.createElement('axis', [[0,0], [1,0]], {});
+
 
b.createElement('axis', [[0,0], [0,1]], {});
+
var n = b.create('slider',[[-5,-1],[5,-1],[-5,1,5]],{name:'n'});
//
+
b.create('functiongraph', [function(t){ return t}],{strokeColor:'#000000',dash:1,strokeWidth:1});
var n = b.createElement('slider',[[-5,-2],[5,-2],[-5,1,5]],{name:'n'});
+
b.create('functiongraph', [function(t){ return JXG.Math.pow(t,n.Value()); },0.001,8],{strokeColor:'#ff0000'});
b.createElement('curve', [function(t){ return t; }, function(t){ return b.pow(t,n.X()); }, "t",[0.001,5],{strokeColor:'#ff0000'});
+
b.create('functiongraph', [function(t){ return JXG.Math.pow(t,1/n.Value()); },0.001,8],{strokeColor:'#ff0000',dash:2});
 
b.unsuspendUpdate();
 
b.unsuspendUpdate();
</script>
+
</jsxgraph>  
</html>
 
  
<source lang="html4strict">
 
<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>
 
</source>
 
 
<source lang="javascript">
 
<source lang="javascript">
 +
b = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-5.5, 7.5, 9.5, -2.5], axis: true});
 +
b.suspendUpdate();
 +
 +
var n = b.create('slider',[[-5,-1],[5,-1],[-5,1,5]],{name:'n'});
 +
b.create('functiongraph', [function(t){ return t}],{strokeColor:'#000000',dash:1,strokeWidth:1});
 +
b.create('functiongraph', [function(t){ return JXG.Math.pow(t,n.Value()); },0.001,8],{strokeColor:'#ff0000'});
 +
b.create('functiongraph', [function(t){ return JXG.Math.pow(t,1/n.Value()); },0.001,8],{strokeColor:'#ff0000',dash:2});
 +
b.unsuspendUpdate();
 
</source>
 
</source>
  
 
[[Category:Examples]]
 
[[Category:Examples]]
 
[[Category:Calculus]]
 
[[Category:Calculus]]

Latest revision as of 17:18, 20 February 2013

b = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-5.5, 7.5, 9.5, -2.5], axis: true});
b.suspendUpdate();

var n = b.create('slider',[[-5,-1],[5,-1],[-5,1,5]],{name:'n'});
b.create('functiongraph', [function(t){ return t}],{strokeColor:'#000000',dash:1,strokeWidth:1});
b.create('functiongraph', [function(t){ return JXG.Math.pow(t,n.Value()); },0.001,8],{strokeColor:'#ff0000'});
b.create('functiongraph', [function(t){ return JXG.Math.pow(t,1/n.Value()); },0.001,8],{strokeColor:'#ff0000',dash:2});
b.unsuspendUpdate();