25:["$","title",null,{"children":"How to display JS output? | Dipesh Thakur | Observable"}] 49:[] 29:{"id":"3cc1f98943ac985e","slug":null,"title":"How to display JS output?","thumbnail":"3ecd581cb94e0c840a0149f961225062ec692088ac25664c8a87aa9f8ab7c663","access_level":"public","create_time":"$D2026-06-02T09:59:50.509Z","update_time":"$D2026-06-03T08:46:32.325Z","view_time":null,"first_public_time":"$D2026-06-02T09:59:50.509Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"5eec37574d6ce020","login":"dipesh-thakur","name":"Dipesh Thakur","avatar_url":"https://avatars-next.observableusercontent.com/c8e61e644103bf11d2c2a08085f938fc37a3c9a05cdca7747185133269a26e9f","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":38,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"29c25e63271b50ff","login":"dipesh-thakur","name":"Dipesh Thakur","avatar_url":"https://avatars-next.observableusercontent.com/c8e61e644103bf11d2c2a08085f938fc37a3c9a05cdca7747185133269a26e9f","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"29c25e63271b50ff","login":"dipesh-thakur","name":"Dipesh Thakur","avatar_url":"https://avatars-next.observableusercontent.com/c8e61e644103bf11d2c2a08085f938fc37a3c9a05cdca7747185133269a26e9f","tier":null,"role":"editor"},{"type":"team","id":"5eec37574d6ce020","login":"dipesh-thakur","name":"Dipesh Thakur","avatar_url":"https://avatars-next.observableusercontent.com/c8e61e644103bf11d2c2a08085f938fc37a3c9a05cdca7747185133269a26e9f","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"9045a0d3b5268470","slug":"javascript-tutorial","title":"JavaScript Basics","owner":{"id":"5eec37574d6ce020","login":"dipesh-thakur","name":"Dipesh Thakur"}},"type":"notebook","body":{"titling":"auto","title":"How to display JS output?","cells":[{"id":0,"value":"# How to display JS output?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"## JavaScript Display Possibilities\nJavaScript can \"display\" data in different ways: \n- Writing into an HTML element, using innerHTML or innerText.\n- Writing into the HTML output using doucment.write().\n- Writing into an alert box, using window.alert().\n- Writing into the browser console, using console.log().","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"## Using innnerHTML\nTo access an HTML element, you can use the document.getElementById(id) method. \nUse the id attribute to identify the HTML element. \nThen use the innerHTML property to change the HTML content of the HTML element.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":11,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":13,"value":"{\n let btn1 = document.getElementById('btn1');\n btn1.addEventListener('click',()=>{\n btn1.innerText = 'Clicked!';\n })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"## Using document.write()\nFor testing purposes, it is convenient to use document.write(). \nUsing document.write() after an HTML document is loaded, will delete all existing HTML.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":19,"value":"## Using window.alert()\nYou can use an alert box to display data with window.alert(). \nYou can skip the keyword keyword. \nIn JavaScript, the window object is the global scope object. This means that variables, properties, and methods by default belong to the window object. This also means that specifying the window keyword is optional.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":24,"value":"## Using console.log()\nFor debugging purposes, you can call the console.log() method in the browser to display data.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":26,"value":"## JavaScript Print\nJavaScript does not have any print object or print methods. \nYou cannot access output devices from JavaScript. \nThe only exception is that you can call the window.print() method in the browser to print the content of the current window.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 24:null