HTML/CSS - Three Online Editor and JavaScript Compiler

html
<!DOCTYPE html>
<html>
    <head>
    
    <!--Used concept of skybox by creating a cube to make 3d world and then assigning appropriate textures-->
    <meta charset = UTF-8 />
    <link rel = "stylesheet" type= "text/css" href="styles.css" />
    </head>
    <script src="https://ajax.googleapis.com/ajax/libs/threejs/r84/three.js"></script>
    <script src="https://threejs.org/examples/js/controls/OrbitControls.js"></script>
    
        <script src ="three.min.js"></script>
       <script src ="OrbitControls.js"></script>
       <script>
       let scene,camera,renderer;
function init()
            {
     var scene = new THREE.Scene(); 
 var camera = new THREE.PerspectiveCamera(55,window.innerwidth/window.innerHeight,45,30000);
 /*
 THREE.PerspectivePhoto(55,window.innerwidth/window.innerHeight,45,30000);
 I used photo earlier
 */
 
   camera.position.set(-900,-200,-900);
   
    var renderer = new Three.WebGLRenderer({antialias:true});
   renderer.setsize(window.innerWidth, window.innerHeight);
css
BROWSER
Console