1- import * as THREE from 'three' ;
2-
31const input = document . getElementById ( "input" ) ;
42const preview = document . getElementById ( "preview" ) ;
5- const threedee = document . getElementById ( 'threedee ' ) ;
3+ const hexInput = document . getElementById ( 'hex ' ) ;
64const clearBtn = document . getElementById ( "clear" ) ;
75const toggleModeBtn = document . getElementById ( "toggle-mode" ) ;
86const runCodeBtn = document . getElementById ( "run-code" ) ;
@@ -143,7 +141,6 @@ const pairs = {
143141 '(' : '()' ,
144142 '[' : '[]' ,
145143 '{' : '{}' ,
146- "'" : "''" ,
147144 '"' : '""'
148145} ;
149146
@@ -158,21 +155,18 @@ input.addEventListener("keydown", (event) => {
158155document . addEventListener ( "keydown" , ( event ) => {
159156 if ( event . ctrlKey && event . key === "b" ) {
160157 insertTextAtCursor ( "****" ) ;
161- input . selectionStart -= 4 ;
162158 event . preventDefault ( ) ;
163159 handleInput ( )
164160 }
165161
166162 if ( event . ctrlKey && event . key === "i" ) {
167163 insertTextAtCursor ( "**" ) ;
168- input . selectionStart -= 2 ;
169164 event . preventDefault ( ) ;
170165 handleInput ( )
171166 }
172167
173168 if ( event . ctrlKey && event . key === "k" ) {
174169 insertTextAtCursor ( "[text](url)" ) ;
175- input . selectionStart -= 8 ;
176170 event . preventDefault ( ) ;
177171 handleInput ( )
178172 }
@@ -204,7 +198,7 @@ consoleToggleCheckbox.addEventListener('change', function() {
204198} ) ;
205199
206200
207- input . value = localStorage . getItem ( "editor-content" ) || "# Welcome to Tadi Lab \n\nWrite **Markdown**, HTML, and JavaScript here." ;
201+ input . value = localStorage . getItem ( "editor-content" ) || "# Welcome to coding tool \n\nWrite **Markdown**, HTML, and JavaScript here." ;
208202if ( localStorage . getItem ( "dark-mode" ) === "enabled" ) {
209203 document . body . classList . add ( "dark-mode" ) ;
210204}
@@ -222,11 +216,11 @@ editModeSelect.addEventListener('change', () => {
222216 const selected = Array . from ( editModeSelect . selectedOptions , o => o . value ) ;
223217 const showInput = selected . includes ( 'input' ) ;
224218 const showPreview = selected . includes ( 'output' ) ;
225- const show3D = selected . includes ( 'threedee ' ) ;
219+ const showHex = selected . includes ( 'hex ' ) ;
226220
227221 input . classList . toggle ( 'hidden' , ! showInput ) ;
228222 preview . classList . toggle ( 'hidden' , ! showPreview ) ;
229- threedee . classList . toggle ( 'hidden' , ! show3D ) ;
223+ hexInput . classList . toggle ( 'hidden' , ! showHex ) ;
230224} ) ;
231225
232226// start
@@ -576,26 +570,3 @@ function appendErrorMessage(message) {
576570 errorParagraph . textContent = message ;
577571 errorOutput . appendChild ( errorParagraph ) ;
578572}
579-
580- const scene = new THREE . Scene ( ) ;
581- const camera = new THREE . PerspectiveCamera ( 75 , window . innerWidth / window . innerHeight , 0.1 , 1000 ) ;
582-
583- const renderer = new THREE . WebGLRenderer ( ) ;
584- renderer . setSize ( window . innerWidth , window . innerHeight ) ;
585- document . getElementById ( 'threedee' ) . appendChild ( renderer . domElement ) ;
586-
587- const geometry = new THREE . BoxGeometry ( 1 , 1 , 1 ) ;
588- const material = new THREE . MeshBasicMaterial ( {
589- color : 0x00ff00
590- } ) ;
591- const cube = new THREE . Mesh ( geometry , material ) ;
592- scene . add ( cube ) ;
593-
594- camera . position . z = 5 ;
595-
596- function animate ( ) {
597- cube . rotation . x += 0.01 ;
598- cube . rotation . y += 0.01 ;
599- renderer . render ( scene , camera ) ;
600- }
601- renderer . setAnimationLoop ( animate ) ;
0 commit comments