“I’m Stuck!”

variable output screenshot

Something that is relatively new in the JavaScript world is the constant. For what seems like eons, JS developers have always used the ‘var’ keyword to initialize their variables. Recently, the ‘const’ keyword was introduced. This creates a variable just like var, but it is not variable…it is constant. Confused? Let me show you with an example…

[code lang=”js”]
// Create a variable and store a string in it.
var myVar = "I am a constant!";
// Output the variable to the screen.
document.writeln(myVar);
// Change the value of the variable.
myVar = "I now have different text!";
document.writeln(myVar);
[/code]

The above code would display the following…

variable output screenshot

 

 

Now let’s look at how the ‘const’ keyword works…

[code lang=”js”]
// Create a constant and store a string in it.
const myConst = "I am a variable!";
// Output the variable to the screen.
document.writeln(myConst);
// Change the value of the constant.
myVar = "I now have different text!";
document.writeln(myConst);
[/code]

The above code would output the following…

constant output screenshot

On thing to note…you will not receive an error message or anything. You just will not be able to change to content of the constant.

This would be something to use for values within your code that will not be changing. This will ensure that you do not inadvertently change it.

Happy Coding!

More To Explore

Acronym DOM on wood planks
Code

A Friendly Introduction to the Document Object Model (DOM) API

The Document Object Model (DOM) is the browser’s in-memory representation of your HTML, letting JavaScript select elements (querySelector), listen to events (addEventListener), update content (textContent), toggle styles (classList), and create/insert nodes (createElement, insertAdjacentElement). With it, a button can change a box’s text, toggle a highlight class, set a data attribute, or insert a new paragraph right after the box—no page reload required—illustrating the simple flow: select, listen, update.

Share This Post

small_c_popup.png

Need help?

Let's have a chat...


Login

Jump Back In!

Here at Webolution Designs, we love to learn. This includes sharing things we have learned with you. 

Register

Begin Your Learning Journey Today!

Come back inside to continue your learning journey.