# Random points: Difference between revisions

From JSXGraph Wiki

A WASSERMANN (talk | contribs) No edit summary |
A WASSERMANN (talk | contribs) No edit summary |
||

Line 1: | Line 1: | ||

===Draw 50 random points - version 1=== | ===Draw 50 random points - version 1=== | ||

In the first version | In the first version each point receives random coordinates once at construction time. | ||

<html> | <html> | ||

<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" /> | <link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" /> |

## Revision as of 12:40, 15 December 2008

### Draw 50 random points - version 1

In the first version each point receives random coordinates once at construction time.

```
board = JXG.JSXGraph.initBoard('box', {originX: 10, originY:390 , unitX:380 , unitY: 380});
function reload() {
JXG.JSXGraph.freeBoard(board);
board = JXG.JSXGraph.initBoard('box', {originX: 10, originY: 390, unitX: 380, unitY: 380});
board.suspendUpdate();
for (var i=0;i<50;i++) {
var p = board.createElement('point',
[Math.random(),Math.random()],{style:5,name:' '});
}
board.unsuspendUpdate();
}
reload();
```

### Draw 50 random points - version 2

Here, at construction time each point receives a function pair as coordinates. In each update these functions which return Math.random() are called. Thus in each update each point receives new random coordinates. The 50 points are updated on the onmousemove event.

Please, move the mouse pointer over this area:

```
<div id="box2" class="jxgbox" style="width:400px; height:400px;" onmousemove="board2.update()"></div>
```

```
board2 = JXG.JSXGraph.initBoard('box2', {originX: 10, originY:390 , unitX:380 , unitY: 380});
board2.suspendUpdate();
for (var i=0;i<50;i++) {
var p2 = board2.createElement('point',
[function(){return Math.random();},function(){ return Math.random()}],
{style:5,name:' '});
}
board2.unsuspendUpdate();
```