JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css">
<script src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<audio id="plastic" src="http://beta.sketchometry.com/audio/plastic.ogg"></audio>
<button id="play">Play</button>

<div id="box" class="jxgbox" style="width: 500px; height: 500px"></div>

JavaScript

var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-4,4,4,-4], keepaspectratio:true});
var myPoint = brd.create('point',[1,1], {size:5, fixed: true});
myPoint.on('over', function(){
    document.getElementById('myOutput').innerHTML = "Point "+this.name;
});
myPoint.on('out', function(){
    document.getElementById('myOutput').innerHTML = '&nbsp;';
});
 
var myPoint2 = brd.create('point',[-1,1], {size:5});
myPoint2.on('over', function(){
    document.getElementById('myOutput').innerHTML = "Point "+this.name;
});
myPoint2.on('out', function(){
    document.getElementById('myOutput').innerHTML = '&nbsp;';
});