JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.rawgit.com/mrdoob/three.js/master/build/three.min.js"></script>
<script src="//cdn.rawgit.com/mrdoob/three.js/master/examples/js/libs/dat.gui.min.js"></script>
<script src="test.js"></script>

JavaScript

var scene = new THREE.Scene();
	var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 );

	var renderer = new THREE.WebGLRenderer();
	    renderer.setSize( window.innerWidth, window.innerHeight );
	    document.body.appendChild( renderer.domElement );
		
	///
		
	var params = {						  
	    influence1: 0.0, 	
	};
							
	var gui = new dat.GUI();																				

	var folder = gui.addFolder( 'Morph Targets' );			
	    folder.add( params, 'influence1', 0, 1 ).step( 0.01 ).name('mouth_open').listen().onChange( function( value ) { mesh.morphTargetInfluences[ 0 ] = value;});
	    folder.open();			
		
	function update() {
	    requestAnimationFrame(update);			
			//var value = 0.5;
      //var value = wert; 
			console.log( exampleCode.getValue() ); 
	    params.influence1 = value; 		
	};	
		
	update();		
				
	///
		
	var animate = function () {
	    requestAnimationFrame( animate );

	    renderer.render(scene, camera);
	};

	animate();