Example code from Face3 doc page not working

Questions
1

Hi,
I am going through the examples and trying to make it work on my computer. This one is not producing any images on the screen. It does not produce any error messages either.

Could you pls help me to fix this?
Thanks

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Three.js DocsFace3</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<style>
			body { margin: 0; }
			canvas { width: 100%; height: 100% }
	</style>
</head>
	<body>
			<script src="https://threejs.org/build/three.js"></script> 

			<script>
				var renderer = new THREE.WebGLRenderer();
				renderer.setSize( window.innerWidth, window.innerHeight );
				document.body.appendChild( renderer.domElement );

				var camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 500 );
				camera.position.set( 0, 0, 100 );
				camera.lookAt( 0, 0, 0 );

				var scene = new THREE.Scene();

				var material = new THREE.MeshStandardMaterial( { color : 0x00cc00 } );

				//create a triangular geometry
				var geometry = new THREE.Geometry();
				geometry.vertices.push( new THREE.Vector3( -50, -50, 0 ) );
				geometry.vertices.push( new THREE.Vector3(  50, -50, 0 ) );
				geometry.vertices.push( new THREE.Vector3(  50,  50, 0 ) );

				//create a new face using vertices 0, 1, 2
				var normal = new THREE.Vector3( 0, 1, 0 ); //optional
				var color = new THREE.Color( 0xffaa00 ); //optional
				var materialIndex = 0; //optional
				var face = new THREE.Face3( 0, 1, 2, normal, color, materialIndex );

				//add the face to the geometry's faces array
				geometry.faces.push( face );

				//the face normals and vertex normals can be calculated automatically if not supplied above
				geometry.computeFaceNormals();
				geometry.computeVertexNormals();

				scene.add( new THREE.Mesh( geometry, material ) );
				renderer.setAnimationLoop(()=>{renderer.render(scene, camera)}); 
			</script>
	</body>
</html>
2

Hi!
Add a light source in your scene, as you use THREE.MeshStandardMaterial() that is affected by light.

3

Thank you prisoner849. Not sure how to do that. But will try. Thanks again.

4

For example: https://threejs.org/docs/index.html#api/en/lights/DirectionalLight