News and Articles AI Chat Assistant Text-to-Image AI Photo Background Changer Background Remover Calculator Complete My thoughts (AI) Grammar, Spelling & Style Checker PDF Generator Dictionary - Word Definitions Exif Data Viewer Exif Data Remover Photo Editor Convert your Photos to Black and White AI Photo Restoration JSON Formatter Javascript Formatter XML Formatter CSV - JSON Converter Pretty HTML Formatter QR Code Generator Weather Forecast World Clock Color Picker Android Asset Studio Discount/Tip Calculator Embeddable Calculator Widget XSLT Tester Javascript Editor and Tester Translate Code Snippets of Javascript Regular Expression (regex) Tester Markdown Editor Shopping List Search Buy and Sell Sites Sketch String Utilities URL Decoder & Encoder What's My IP Address World Map

Javascript TesterJavascript Tester

Javascript tester - online javascript tester for editing and testing your javascript code snippets.

Use the javascript tester to quickly test your javascript functions and code. For more complex testing of code/html/css use something like CodePen or JSFiddle.

The javascript tester will highlight syntax errors in the editor and provide meaningful messages to help debug your code. Runtime errors are shown below the editor.

Result of evaluating code:

Errors:

The tester will evaluate your code and print the result to result section under the editor. The basic idea is you enter snippets of code you want to test with. The last expression will get printed as a result. The last expression should not contain a "return" statement or a variable assignment. It should just be an expression. You can also add additional console.log messages at various points in you code and these will also be shown in the result section on this page.

For example:

const dogs = [
      {age: 10, name: 'Fido'}, 
      {age: 14, name: 'Bowser'},
      {age: 16, name: 'Rusty'}
    ];
  
    dogs.map(dog => dog.name);        
              
Try adding the following before the last statement and then click Run again:
console.log(dogs.map(dog => {return {name: dog.name}}));

Great for testing ideas or running simple code snippets...

This editor works entirely in your browser (it uses the Ace embeddable code editor.). Your code is not sent to any server. If you close the browser or tab the current state of the edior is saved. If you don't want you code saved remember to clear the editor before closing. We value Privacy!

See below for keyboard shortcuts

Features

  • Syntax highlighting
  • Automatic indent and outdent
  • Live syntax checking
  • Handles large documents
  • Search and replace with regular expressions (Ctrl-F)
  • Highlight matching parentheses
  • Drag and drop text using the mouse
  • Line wrapping
  • Code folding
  • Multiple cursors and selections
  • Cut, copy, and paste functionality

The following video gives some color theory basics to help you with your selections.

Editor Keyboard Shortcuts

Line Operations

Windows/Linux Mac Action
Ctrl-D Command-D Remove line
Alt-Shift-Down Command-Option-Down Copy lines down
Alt-Shift-Up Command-Option-Up Copy lines up
Alt-Down Option-Down Move lines down
Alt-Up Option-Up Move lines up
Alt-Delete Ctrl-K Remove to line end
Alt-Backspace Command-Backspace Remove to linestart
Ctrl-Backspace Option-Backspace, Ctrl-Option-Backspace Remove word left
Ctrl-Delete Option-Delete Remove word right
Ctrl-O Split line

Selection

Windows/Linux Mac Action
Ctrl-A Command-A Select all
Shift-Left Shift-Left Select left
Shift-Right Shift-Right Select right
Ctrl-Shift-Left Option-Shift-Left Select word left
Ctrl-Shift-Right Option-Shift-Right Select word right
Shift-Home Shift-Home Select line start
Shift-End Shift-End Select line end
Alt-Shift-Right Command-Shift-Right Select to line end
Alt-Shift-Left Command-Shift-Left Select to line start
Shift-Up Shift-Up Select up
Shift-Down Shift-Down Select down
Shift-PageUp Shift-PageUp Select page up
Shift-PageDown Shift-PageDown Select page down
Ctrl-Shift-Home Command-Shift-Up Select to start
Ctrl-Shift-End Command-Shift-Down Select to end
Ctrl-Shift-D Command-Shift-D Duplicate selection
Ctrl-Shift-P Select to matching bracket

Multicursor

Windows/Linux Mac Action
Ctrl-Alt-Up Ctrl-Option-Up Add multi-cursor above
Ctrl-Alt-Down Ctrl-Option-Down Add multi-cursor below
Ctrl-Alt-Right Ctrl-Option-Right Add next occurrence to multi-selection
Ctrl-Alt-Left Ctrl-Option-Left Add previous occurrence to multi-selection
Ctrl-Alt-Shift-Up Ctrl-Option-Shift-Up Move multicursor from current line to the line above
Ctrl-Alt-Shift-Down Ctrl-Option-Shift-Down Move multicursor from current line to the line below
Ctrl-Alt-Shift-Right Ctrl-Option-Shift-Right Remove current occurrence from multi-selection and move to next
Ctrl-Alt-Shift-Left Ctrl-Option-Shift-Left Remove current occurrence from multi-selection and move to previous
Ctrl-Shift-L Ctrl-Shift-L Select all from multi-selection

Go to

Windows/Linux Mac Action
Left Left, Ctrl-B Go to left
Right Right, Ctrl-F Go to right
Ctrl-Left Option-Left Go to word left
Ctrl-Right Option-Right Go to word right
Up Up, Ctrl-P Go line up
Down Down, Ctrl-N Go line down
Alt-Left, Home Command-Left, Home, Ctrl-A Go to line start
Alt-Right, End Command-Right, End, Ctrl-E Go to line end
PageUp Option-PageUp Go to page up
PageDown Option-PageDown, Ctrl-V Go to page down
Ctrl-Home Command-Home, Command-Up Go to start
Ctrl-End Command-End, Command-Down Go to end
Ctrl-L Command-L Go to line
Ctrl-Down Command-Down Scroll line down
Ctrl-Up Scroll line up
Ctrl-P Go to matching bracket
Option-PageDown Scroll page down
Option-PageUp Scroll page up

Find/Replace

Windows/Linux Mac Action
Ctrl-F Command-F Find
Ctrl-H Command-Option-F Replace
Ctrl-K Command-G Find next
Ctrl-Shift-K Command-Shift-G Find previous

Folding

Windows/Linux Mac Action
Alt-L, Ctrl-F1 Command-Option-L, Command-F1 Fold selection
Alt-Shift-L, Ctrl-Shift-F1 Command-Option-Shift-L, Command-Shift-F1 Unfold
Alt-0 Command-Option-0 Fold all
Alt-Shift-0 Command-Option-Shift-0 Unfold all

Other

Windows/Linux Mac Action
Tab Tab Indent
Shift-Tab Shift-Tab Outdent
Ctrl-Z Command-Z Undo
Ctrl-Shift-Z, Ctrl-Y Command-Shift-Z, Command-Y Redo
Ctrl-, Command-, Show the settings menu
Ctrl-/ Command-/ Toggle comment
Ctrl-T Ctrl-T Transpose letters
Ctrl-Enter Command-Enter Enter full screen
Ctrl-Shift-U Ctrl-Shift-U Change to lower case
Ctrl-U Ctrl-U Change to upper case
Insert Insert Overwrite
Ctrl-Shift-E Command-Shift-E Macros replay
Ctrl-Alt-E Macros recording
Delete Delete
Ctrl-L Center selection