{"id":39,"date":"2024-11-04T04:34:16","date_gmt":"2024-11-04T04:34:16","guid":{"rendered":"https:\/\/techkubo.com\/javascript\/?p=39"},"modified":"2025-05-13T10:22:57","modified_gmt":"2025-05-13T10:22:57","slug":"javascript-syntax","status":"publish","type":"post","link":"https:\/\/techkubo.com\/javascript\/javascript-syntax\/","title":{"rendered":"JavaScript Syntax"},"content":{"rendered":"\n

JavaScript Statements<\/strong><\/h2>\n\n\n\n

JavaScript\u00a0statements\u00a0are\u00a0instructions\u00a0to\u00a0be\u00a0executed\u00a0by\u00a0the\u00a0browser.\u00a0They\u00a0can\u00a0perform\u00a0actions\u00a0like\u00a0displaying\u00a0output,\u00a0making\u00a0calculations,\u00a0or\u00a0manipulating\u00a0the\u00a0DOM. Each statement\u00a0is\u00a0usually\u00a0separated\u00a0by\u00a0a\u00a0semicolon\u00a0(;<\/code>).<\/p>\n\n\n\n

<\/p>\n\n\n\n

Explanation of Code:<\/strong><\/p>\n\n\n\n

Each\u00a0line\u00a0in\u00a0the\u00a0example\u00a0below is\u00a0a\u00a0JavaScript\u00a0statement.\u00a0The\u00a0last\u00a0statement\u00a0uses\u00a0console.log<\/code>\u00a0to\u00a0output\u00a0the\u00a0value\u00a0of\u00a0z<\/code>.<\/p>\n\n\n\n

let x = 5;\nlet y = 6;\nlet z = x + y;\nconsole.log(z);  \/\/ Output: 11<\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
Case Sensitivity<\/strong><\/h2>\n\n\n\n
JavaScript is case-sensitive, meaning myVariable<\/code> and myvariable<\/code> are considered two different variables.<\/p>\n\n\n\n
<\/p>\n\n\n\n
Explanation of Code: <\/strong><\/p>\n\n\n\n
The example demonstrates that myVariable<\/code> and myvariable<\/code> are treated as separate variables.<\/p>\n\n\n\n
let myVariable = 5;\nlet myvariable = 10;\nconsole.log(myVariable);  \/\/ Output: 5\nconsole.log(myvariable);  \/\/ Output: 10<\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
Whitespace and Indentation<\/strong><\/h2>\n\n\n\n
JavaScript\u00a0ignores\u00a0extra\u00a0spaces,\u00a0tabs,\u00a0and\u00a0newlines,\u00a0which\u00a0means\u00a0you\u00a0can\u00a0format\u00a0your\u00a0code\u00a0for\u00a0better\u00a0readability\u00a0without\u00a0affecting\u00a0its\u00a0execution.<\/p>\n\n\n\n
<\/p>\n\n\n\n
Exaplanation of Code: <\/strong><\/p>\n\n\n\n
The code uses indentation and spaces to make it more readable.<\/p>\n\n\n\n
let a = 5;\nlet b = 10;\nlet c = a + b;\nconsole.log(c);  \/\/ Output: 15<\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
JavaScript Keywords<\/strong><\/h2>\n\n\n\n
Keywords are reserved words that have special meaning in JavaScript. They are used to perform specific actions. Examples include var<\/code>, let<\/code>, const<\/code>, if<\/code>, else<\/code>, for<\/code>, while<\/code>, function<\/code>, and return<\/code>.<\/p>\n\n\n\n
let name = "John";  \/\/ 'let' is a keyword used to declare variables\nif (name === "John") {\n    console.log("Hello, John!");  \/\/ 'if' and 'else' are keywords used for conditional statements\n}<\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
JavaScript Syntax Example Code<\/strong><\/h2>\n\n\n\n
Explanation of Code: <\/strong><\/p>\n\n\n\n
    \n
  • Variables<\/strong>: Declared using let<\/code>.<\/li>\n\n\n\n
  • Comments<\/strong>: Used both single-line and multi-line comments.<\/li>\n\n\n\n
  • Statements<\/strong>: Each statement ends with a semicolon.<\/li>\n\n\n\n
  • Output<\/strong>: console.log<\/code> displays the result in the console.<\/li>\n<\/ul>\n\n\n\n
    <!DOCTYPE html>\n<html lang="en">\n<head>\n    <meta charset="UTF-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1.0">\n    <title>JavaScript Syntax Example<\/title>\n<\/head>\n<body>\n    <script>\n        \/\/ Declare variables\n        let a = 5;\n        let b = 10;\n\n        \/*\n          Calculate the sum\n          and display the result\n        *\/\n        let sum = a + b;\n        console.log("The sum is " + sum);  \/\/ Output: The sum is 15\n    <\/script>\n<\/body>\n<\/html><\/pre><\/div>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    <\/p>\n\n\n\n
    JavaScript Labs<\/strong><\/h2>\n\n\n\n