Moviendo slider

by Javier Puértolas

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jsxgraph/1.3.5/jsxgraphcore.js"></script>
<div id="jxgbox" class="jxgbox" style="width:500px; height:500px">
</div>

JavaScript

var C = 10;
var board = JXG.JSXGraph.initBoard('jxgbox', {
  boundingbox: [-C, 2 * C, C, -2 * C],
  axis: true
});



board.create('functiongraph', ['5000-x']);
var s = board.create('slider', [[-5,-5], [5,-5], [-5, 1, 5]]);
var p = board.create('point', [1, 1]);

s.on('drag', function() {
    p.moveTo([s.Value(), p.Y()]);
});

p.on('drag', function() {
    s.setValue(p.X());
    board.update();
});