<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>JavaScript on Groundhog Learning</title><link>https://groundhoglearning.com/vault/programming/javascript/</link><description>Recent content in JavaScript on Groundhog Learning</description><generator>Hugo</generator><language>en-us</language><atom:link href="https://groundhoglearning.com/vault/programming/javascript/index.xml" rel="self" type="application/rss+xml"/><item><title>Comment (JavaScript)</title><link>https://groundhoglearning.com/vault/programming/javascript/comment/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://groundhoglearning.com/vault/programming/javascript/comment/</guid><description>&lt;h2 id="single-line-comment"&gt;Single Line Comment&lt;a class="anchor" href="#single-line-comment"&gt;#&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;A single line comment starts with &lt;code&gt;//&lt;/code&gt; and continues until the end of the line.&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"&gt;&lt;code class="language-javascript" data-lang="javascript"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;// Everything on this line is commented.
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#a6e22e"&gt;console&lt;/span&gt;.&lt;span style="color:#a6e22e"&gt;log&lt;/span&gt;(&lt;span style="color:#e6db74"&gt;&amp;#34;Hello, World!&amp;#34;&lt;/span&gt;);&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;You can also write it inline, to the right of your code:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"&gt;&lt;code class="language-javascript" data-lang="javascript"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#a6e22e"&gt;console&lt;/span&gt;.&lt;span style="color:#a6e22e"&gt;log&lt;/span&gt;(&lt;span style="color:#e6db74"&gt;&amp;#34;Hello, World!&amp;#34;&lt;/span&gt;); &lt;span style="color:#75715e"&gt;// Everything to the right is commented.
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="block-comment"&gt;Block Comment&lt;a class="anchor" href="#block-comment"&gt;#&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;A block comment starts with &lt;code&gt;/*&lt;/code&gt; and ends with &lt;code&gt;*/&lt;/code&gt;. Everything in between is ignored.&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"&gt;&lt;code class="language-javascript" data-lang="javascript"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;/*
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;This is a block comment.
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;It can span
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;multiple lines.
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;*/&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#a6e22e"&gt;console&lt;/span&gt;.&lt;span style="color:#a6e22e"&gt;log&lt;/span&gt;(&lt;span style="color:#e6db74"&gt;&amp;#34;Hello, World!&amp;#34;&lt;/span&gt;);&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;You can also use block comments in a single line or inline:&lt;/p&gt;</description></item><item><title>Declare a Variable in JavaScript</title><link>https://groundhoglearning.com/vault/programming/javascript/declare-variable/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://groundhoglearning.com/vault/programming/javascript/declare-variable/</guid><description>&lt;p&gt;In JavaScript, you declare a variable using the &lt;code&gt;let&lt;/code&gt; keyword, followed by the &lt;strong&gt;name&lt;/strong&gt;, followed by &lt;code&gt;=&lt;/code&gt; and the &lt;strong&gt;value&lt;/strong&gt;:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"&gt;&lt;code class="language-javascript" data-lang="javascript"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#66d9ef"&gt;let&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;score&lt;/span&gt; &lt;span style="color:#f92672"&gt;=&lt;/span&gt; &lt;span style="color:#ae81ff"&gt;0&lt;/span&gt;;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;ul&gt;
&lt;li&gt;&lt;code&gt;let&lt;/code&gt; — the keyword that declares the variable&lt;/li&gt;
&lt;li&gt;&lt;code&gt;score&lt;/code&gt; — the name you use to refer to this variable&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0&lt;/code&gt; — the initial value assigned to it&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;There is no need to specify a type. JavaScript figures out the type from the value on the right.&lt;/p&gt;
&lt;h2 id="let-vs-const"&gt;&lt;code&gt;let&lt;/code&gt; vs &lt;code&gt;const&lt;/code&gt;&lt;a class="anchor" href="#let-vs-const"&gt;#&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Use &lt;code&gt;let&lt;/code&gt; when the value may change later. Use &lt;code&gt;const&lt;/code&gt; when the value should stay the same:&lt;/p&gt;</description></item></channel></rss>