{"id":15,"date":"2019-03-14T16:28:01","date_gmt":"2019-03-14T16:28:01","guid":{"rendered":"https:\/\/www.kindsonthegenius.com\/javascript\/?p=15"},"modified":"2019-03-27T18:36:03","modified_gmt":"2019-03-27T18:36:03","slug":"01-javascript-program-syntax","status":"publish","type":"post","link":"https:\/\/kindsonthegenius.com\/javascript\/01-javascript-program-syntax\/","title":{"rendered":"JavaScript – Program Syntax"},"content":{"rendered":"

As you know, JavaScript programs are\u00a0 placed inside a web page. You place the code inside <script> <\/script> tag.<\/p>\n

The <script><\/script> tag can be placed anywhere in the web page. So when the browser encounters a <script><\/script> tag, it would then interpret the code as a JavaScript code.<\/p>\n

For example, the code below displays an alert to the screen.<\/p>\n

 <\/p>\n

<\/p>\n

<html><\/span>\r\n<head><\/span>\r\n<title><\/span> Welcome to JavaScript<\/title><\/span>\r\n<\/head><\/span>\r\n\r\n<body><\/span>\r\n\r\n<script><\/span>\r\nalert('This your first JavaScript program'<\/span>);\r\n<\/script><\/span>\r\n\r\n<\/body><\/span>\r\n\r\n<\/html><\/span>\r\n<\/pre>\n
 <\/p>\n
 <\/p>\n
How to Run JavaScript Program<\/strong><\/h4>\n
I would recomend you download NotePad++. It’s free. You use it for editing your code. Although you can use NotePad but NotePad++ have more features. Download Notepad++ from here<\/a>.<\/p>\n
Open NotePad++ and enter the code.<\/p>\n
Now, Save it as Prog1.html.(you can also use another name). In the Save As type, choose Hypertext Markup Language. Save it in a new folder.<\/p>\n
Open the location you saved the file and double-click to open it.<\/p>\n
You will notice, it opens a web page and displays an alert<\/p>\n
 <\/p>\n
 <\/p>\n
Attribute of the Script Tag<\/strong><\/h4>\n
The script tag has two important attributes: Language and Type.<\/p>\n
Language<\/strong> – The language attribute is used to specify the scripting language. In this case, it is “javascript”. However, recent versions of HTML makes this tag optional. So you can well omit it. This is as we did in the program above.<\/p>\n
Type:<\/strong> Again this attribute is optional. Your program would still work without it. However, this is the attribute recommended at this time. The value is set to “text\/javascript”<\/p>\n
So if we rewrite our program, we would have:<\/p>\n
 <\/p>\n
<\/p>\n
<script <\/span>language=<\/span>\"javascript\"<\/span> type=<\/span>\"text\/javascript\"<\/span>><\/span>\r\n\r\nalert('This your first JavaScript program'<\/span>);\r\n\r\n<\/script><\/span>\r\n<\/pre>\n
 <\/p>\n
 <\/p>\n
Using document.write()<\/strong><\/p>\n
The document.write() function is used to write a text to the html document. This is the text the user will see in the html page. The code below uses document.write(). Create a new html file with the following content:<\/p>\n
 <\/p>\n
<\/p>\n
<html><\/span>\r\n\r\n<head><\/span>\r\n    <title><\/span>Your Second Program<\/title><\/span>\r\n<\/head><\/span>\r\n\r\n<body><\/span>   \r\n   <script <\/span>language =<\/span> \"javascript\"<\/span> type =<\/span> \"text\/javascript\"<\/span>><\/span>\r\n\tdocument<\/span>.write(\"Welcome to JavaScript. Enjoy!\"<\/span>)\r\n   <\/script><\/span>      \r\n<\/body><\/span>\r\n\r\n<\/html><\/span>\r\n<\/pre>\n
 <\/p>\n
 <\/p>\n
Comments in JavaScript<\/strong><\/h4>\n
There are different syntax for comment in JavaScript.<\/p>\n
You can enclose comments using \/* and *\/. This can also be multiple line comment<\/p>\n
Single-line comment can be specified using \/\/<\/p>\n
HTML comment begins with <!– (JavaScript as well as single-line comment)<\/p>\n
The HTML comment closing sequence is –>. However it is not recognized by JavaScript. So it is written as \/\/–><\/p>\n
 <\/p>\n
<\/p>\n
<script <\/span>language =<\/span> \"javascript\"<\/span> type =<\/span> \"text\/javascript\"<\/span>><\/span>\r\n   <!--<\/span>\r\n      \/\/ This is a single-line comment<\/span>\r\n   \r\n      \/*<\/span>\r\n      * This is a multi-line comment in JavaScript<\/span>\r\n      *\/<\/span>\r\n   \/\/--><\/span>\r\n<\/script><\/span>\r\n<\/pre>\n
I recommend you try this out.<\/p>\n
 <\/p>\n
 <\/p>\n
Other Things to Note<\/strong><\/h4>\n
Note the following about JavaScript:<\/p>\n
Case Sensitivity<\/strong><\/p>\n
JavaScript is case-sensitive. This is just like the Java programming language.<\/p>\n
 <\/p>\n
Semicolons<\/strong><\/p>\n
Although you use semicolons at the end of a line, you can well not use them. They are optional.<\/p>\n
 <\/p>\n
Whitespace<\/strong><\/p>\n
Spaces, taps and newlines that appear on a JavaScript program are ignored.<\/p>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
As you know, JavaScript programs are\u00a0 placed inside a web page. You place the code inside <script> <\/script> tag. The <script><\/script> tag can be placed … <\/p>\n","protected":false},"author":395,"featured_media":16,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[2],"tags":[],"class_list":["post-15","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript-tutorials"],"_links":{"self":[{"href":"https:\/\/kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/posts\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/users\/395"}],"replies":[{"embeddable":true,"href":"https:\/\/kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":2,"href":"https:\/\/kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/posts\/15\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/posts\/15\/revisions\/19"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/media\/16"}],"wp:attachment":[{"href":"https:\/\/kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/media?parent=15"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/categories?post=15"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/tags?post=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}