In a script (or program) we use constants and variables datas. The variables can change their values during program execution. These data are called 'variables'.
- A variable is a name of a location in computer memory, used to store data.

Using variables

In a script (or program) we use variables and constants datas. The variables can change their values The simplest way to use and refer to a variable is to write it. The name of the variable permits the access at its value and also can change the value if necessary.


You can create a variable and assign a value to it using the var or let declarations:
var name ='Value';
//Sau
let name ='Value';
- Example:
<h4>Example JS variable</h4>

<script>
let str ='Some text';
document.write(str);
</script>

The difference between var and let

The difference between var and let is scoping.


- Se the following examples.
1) Example with "let":
<script>
let xn = 1;

if(xn ==1){
 let xn =2;
}

document.write(xn); // 1
</script>
2) Example with "var":
<script>
var xn = 1;

if(xn ==1){
 var xn =2;
}

document.write(xn); // 2
</script>

Variable Types

There are several types of data that can be assigned to variables. The type of the value it determines the type of the variable.


JavaScript has no fixed types of data, it allows you to change the type of a variable in the script, it can recognize when the data is a string, numerical or other type.
<script>
var x; //now is undefined

x = 5; //now is a number
document.write(x);

x = '<h4>MarPlo</h4>'; //now is a string
document.write(x);
</script>

Notice that the 'string' values (consisting of letters) are written between quotation marks (simples or doubles), and the 'number' can be written without quotation marks.


The life spam of a variable - A variable written within a function is a local variable, its value is recognized only within that function, it doesn't exist out of that function. Thus, another function can declare a variable with same name, JavaScript treats the two as different variables.
- Example:
<script>
//a function
function f(){
 var x ='val';
}

document.write(x); //Error: x is not defined
</script>

Defining and Using Constants

Constants are defined with the const declaration.
Unlike variables, the value of a constant can not be changed and can not be redefined, its value remains the same, fixed.

const X = 'MarPlo';

//trying to change the value it results error in browser console
X ='abc';

//redefining, it results error in browser console
const X = 123;
Like variables, constants are used by specifying their names, and it results its value.
<script>
const TJC = 'JavaScript Tutorial - Constants';
document.write(TJC);
</script>

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag adds an image in web page?
<div> <img> <span>
<img src="http://coursesweb.net/imgs/webcourses.gif" width="191" height="63" alt="Courses-Web" />
Which of these CSS codes displays the text oblique?
font-style: italic; text-decoration: underline; font-weight: 500;
#id {
  font-style: italic;
}
Click on the jQuery function used to hide with animation a HTML element.
click() hide() show()
$(document).ready(function() {
  $(".a_class").click(function(){ $(this).hide("slow"); });
});
Click on the correctly defined function in PHP.
fname function() {} function fname() {} function $fname() {};
function fname($a, $b) {
  echo $a * $b;
}
Defiing Variables and Constants

Last accessed pages

  1. PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL (44471)
  2. Get the value of the selected /checked checkboxes in a form (40325)
  3. createElement and insertBefore (5902)
  4. Insert, Select and Update NULL value in MySQL (36876)
  5. Create simple Website with PHP (22297)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (2413)
  2. Contact page - CoursesWeb (2332)
  3. Tabs effect with CSS (2323)
  4. Insert, Select and Update NULL value in MySQL (1314)
  5. PHP getElementById and getElementsByTagName (903)