{"_id":"56d6f058c6473c0b00ba88ba","version":{"_id":"54cf411f9d09bb0d00a17a1f","project":"54cf411f9d09bb0d00a17a1c","__v":14,"createdAt":"2015-02-02T09:19:27.656Z","releaseDate":"2015-02-02T09:19:27.656Z","categories":["54cf41209d09bb0d00a17a20","54cfb99bbba1a023008741af","54cfb9a65ff7e617002bbd7f","54cfba03bba1a023008741b6","54cfba0ebba1a023008741b8","54cfba19bba1a023008741b9","54cfba29bba1a023008741bb","54cfba345ff7e617002bbd87","54cfba3ebba1a023008741bc","54cfba473995cf0d0006f6f0","54e371b18ef7552300409bf2","54e37aa5e887c50d005ef629","555a4e9b147f91190092d137","56b0e91802f4bc0d006ce254"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"project":"54cf411f9d09bb0d00a17a1c","user":"54cfa8c8a8a4fd0d00b7fd1c","__v":1,"parentDoc":null,"category":{"_id":"54cfba03bba1a023008741b6","__v":9,"project":"54cf411f9d09bb0d00a17a1c","version":"54cf411f9d09bb0d00a17a1f","pages":["54cfc9ab5ff7e617002bbdb7","54cfcad9bba1a023008741f9","54d393d769578e0d00273142","54ec5015c0c0ba1700386f82","54ec5032c0c0ba1700386f86","55067ff4f6315e2f007f1a3c","5507cb3d43d3400d0052fd9d","56d6f058c6473c0b00ba88ba","56d6f148c6473c0b00ba88c1"],"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-02-02T17:55:15.225Z","from_sync":false,"order":2,"slug":"ide-components","title":"IDE Components"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-03-02T13:53:28.076Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":4,"body":"The Javascript (browser) *Immediate Pane* is a quick way to test small single or multi-line snippets of Javascript code. This tab uses an iframe in the browser to execute each statement. \n\nTo open the Javascript immediate window, find the + button next to the tabs and click on *New Immediate Window*. Then select *Javascript (browser)* in the menu in the bottom.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/WOUyGuazT8K6EC5xXSXQ_2015-09-13_1633.png\",\n        \"2015-09-13_1633.png\",\n        \"1570\",\n        \"246\",\n        \"#3e3e3e\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nThis will bring the immediate window in the Javascript mode.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/xREXZ9VqSWUi0kRXGxj8_2015-09-13_1633b.png\",\n        \"2015-09-13_1633b.png\",\n        \"1570\",\n        \"302\",\n        \"#537e69\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nYou can type an expression into the pane and hit enter to execute it. In the screenshot below a for loop is executed and the results are displayed in the immediate pane.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/HFgssfGKRyy8pwsOy29Z_2015-09-13_1635.png\",\n        \"2015-09-13_1635.png\",\n        \"1570\",\n        \"620\",\n        \"#508574\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n# Re-executing Expressions\n\nThe Immediate Pane is dynamic and previously executed expressions can be changed and re-executed in line, replacing the previous output. This transforms the immediate pane in somewhat of a notebook where you can easily go back to re-execute certain expressions when needed.\n\n# Clear the Output\n\nUse the button in the bottom right to remove all previously typed queries and their results.","excerpt":"","slug":"immediate-window","type":"basic","title":"Immediate Window"}
The Javascript (browser) *Immediate Pane* is a quick way to test small single or multi-line snippets of Javascript code. This tab uses an iframe in the browser to execute each statement. To open the Javascript immediate window, find the + button next to the tabs and click on *New Immediate Window*. Then select *Javascript (browser)* in the menu in the bottom. [block:image] { "images": [ { "image": [ "https://files.readme.io/WOUyGuazT8K6EC5xXSXQ_2015-09-13_1633.png", "2015-09-13_1633.png", "1570", "246", "#3e3e3e", "" ] } ] } [/block] This will bring the immediate window in the Javascript mode. [block:image] { "images": [ { "image": [ "https://files.readme.io/xREXZ9VqSWUi0kRXGxj8_2015-09-13_1633b.png", "2015-09-13_1633b.png", "1570", "302", "#537e69", "" ] } ] } [/block] You can type an expression into the pane and hit enter to execute it. In the screenshot below a for loop is executed and the results are displayed in the immediate pane. [block:image] { "images": [ { "image": [ "https://files.readme.io/HFgssfGKRyy8pwsOy29Z_2015-09-13_1635.png", "2015-09-13_1635.png", "1570", "620", "#508574", "" ] } ] } [/block] # Re-executing Expressions The Immediate Pane is dynamic and previously executed expressions can be changed and re-executed in line, replacing the previous output. This transforms the immediate pane in somewhat of a notebook where you can easily go back to re-execute certain expressions when needed. # Clear the Output Use the button in the bottom right to remove all previously typed queries and their results.