25:["$","title",null,{"children":"JavaScript Syntax | Dipesh Thakur | Observable"}] 49:[] 29:{"id":"06f755ffb28aee8d","slug":null,"title":"JavaScript Syntax","thumbnail":"cfb444099861b4a31d7df3e280c2a530307c65611c627778f07f9c9833cfe91a","access_level":"public","create_time":"$D2026-06-02T13:39:18.775Z","update_time":"$D2026-06-03T08:42:27.871Z","view_time":null,"first_public_time":"$D2026-06-02T13:39:18.775Z","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":70,"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":"JavaScript Syntax","cells":[{"id":0,"value":"# JavaScript Syntax","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"## Syntax Rules\nSyntax are the rules on how programs must be constructed: ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"{\n // How to Declare variables\n let x = 5;\n let y = 6;\n let z = x + y;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"## JavaScript Values\nThe JavaScript syntax defines two types of values: \n- Literals (Fixed values)\n- Variables (Variable values)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":15,"value":"## JavaScript Literals\nThe most important syntax rules for literals (fixed values) are: \nNumbers are written with or without decimals: 10.50, 1001. \nStrings are text, written within double or single quotes: \"John Doe\", 'John Doe'.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":17,"value":"## JavaScript Keywords\nJavaScript keywords are used to define actions to be performed. \nThe let and const keywords create variables.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":19,"value":"{\n let x = 5;\n const fname = \"John\";\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"JavaScript keywords are case-sensitive. \nJavaScript does not interpret LET or Let as the keyword let.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":23,"value":"## JavaScript Variables\nVariables are containers for storing data values. \nVariables must be identified with unique names.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":25,"value":"{\n // Define x as a variable\n let x;\n // Assign the value 6 to x\n x = 6;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"## JavaScript Identifiers\nAn identifier is the name you give to a variable. \nRules for identifiers: \n- Must start with a letter, __, or $\n- Can contain digits after the first character\n- Cannot be a reserved keyword (let, const, if, etc)\n- Are case-sensitive","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":29,"value":"## JavaScript Operators\nJavaScript assignment operators (=) assign values to varables.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":31,"value":"{\n let x; // This creates a variable\n x = 3; // Assignment operator is used to assign a value\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"## JavaScript Expressions\nAn expression is a combination of values, variables, and operators, which computes to a value.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":42,"value":"{\n x = 2 + 3;\n y = x + 1;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"## JavaScript is Case Sensitive\nJavaScript identifiers are case sensitive.\nThe variables lastName and lastname, are different variables.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":49,"value":"{\n let lastName = \"Doe\";\n let lastname = \"Peterson\";\n let para1 = document.querySelector('.lastName1');\n let para2 = document.querySelector('.lastName2');\n let showBtn = document.querySelector('.showBtn');\n document.addEventListener('click',()=>{\n para1.innerText += lastName;\n para2.innerText += lastname;\n })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"## JavaScript and Camel Case\nHistorically, programmers have used different ways of joining multiple words into one variable name: \nHypens:\nfirst-name, last-name. \nHyphens are not allowed in JavaScript. They are reserved for subtractions. \nUnderscore: \nfirst_name, last_name, master_card. \nUpper Camel Case (Pascal Case):: \nFirstName, LastName, MasterCard. \nLower Camel Case: \nfirstName, lastName, masterCard.","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