Dat not defined

I’m trying to get the gui.dat on my page… https://www.songnes.com/gift/page3dat.html

is not working…

var gui = new dat.GUI();
gui.addColor("#0000ff").name('Color');
gui.open(); 

I have this, and the dat is not defined.

I don’t know what should I do.

Hello: I got it!
this is the working example: https://www.songnes.com/gift/page3dat.html

Thanks to this video on Youtube: https://www.youtube.com/watch?v=YMJzjjOumbw

and this page: http://www.smartjava.org/examples/datgui/

where I found this: js/threeJS/dat.gui.min.0.7.6.js
I needed this file…

It works great: except for one little thing…
is on the “Top Right Corner” Where all the gui.dat are

But I want mine to be, inside the scene… where the “red Cube” is

can someone help me with this…

Take a look at this short example: https://jsfiddle.net/prisoner849/c0sxwjm2/