Skip to content

Commit 9321a6f

Browse files
MaazWebDevMaazWebDev
committed
Variable
1 parent 0e4c8b0 commit 9321a6f

File tree

4 files changed

+77
-3
lines changed

4 files changed

+77
-3
lines changed

‎Index.html‎

Lines changed: 29 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,37 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>Basic To Advanced Javascript</title>
77
<link rel="stylesheet" href="style.css">
8+
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
9+
<link rel="shortcut icon" href="images/java-script.png" type="image/x-icon">
810
</head>
911
<body>
10-
<h1>Basic To Advanced Javascript !</h1>
11-
<div class="container">
12-
<a href="ArthimeticOperator/index.html">Arithimetic Operator</a>
12+
<h1 class="text-center h1 text-3xl font-bold cursor-pointer">Basic To Advanced Javascript </h1>
13+
<div class="main">
14+
<div class="max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm dark:bg-gray-800 dark:border-gray-700">
15+
<a href="#">
16+
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Arthimetic Operator</h5>
17+
</a>
18+
<p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p>
19+
<a href="ArthimeticOperator/index.html" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
20+
Read more
21+
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
22+
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
23+
</svg>
24+
</a>
25+
</div>
26+
<div class="max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow-sm dark:bg-gray-800 dark:border-gray-700">
27+
<a href="#">
28+
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Variables</h5>
29+
</a>
30+
<p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p>
31+
<a href="Variables/index.html" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
32+
Read more
33+
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
34+
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
35+
</svg>
36+
</a>
37+
</div>
1338
</div>
39+
1440
</body>
1541
</html>

‎Variables/app.js‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
//Javascript ready made function use to pop up message on screen
2+
3+
alert("Hello World");
4+
5+
//What are Variables ? Variables are use to store different types of data
6+
7+
//There are 8 types of data :
8+
9+
//1.String Data which is in double or single qoute (e.g "Hello",'World')
10+
//2.Number Data which is not in double or single but in numbers (e.g 20,3000)
11+
//3.Boolean True 0r False Value Only
12+
//4.Null
13+
//5.Undefined Made Variable but no value is assigned
14+
//6.Function
15+
//7.Array
16+
//8.Object
17+
18+
// Var :
19+
20+
var greetings = "Hello World" //String
21+
var noOfStudents = 20 //Number
22+
var isClassGoingOn = true //True
23+
var noOfStudentPass ; //Undefined
24+
25+
// alert(greetings);
26+
console.log(greetings);
27+
console.log(noOfStudents);
28+
console.log(isClassGoingOn);
29+
console.log(noOfStudentPass);
30+
31+
//Rule Of Making Variables :
32+
// 1. Variable should not start with numbers (e.g 1stVariable)
33+
// 2. Variable should not have space in variable name (e.g my variable)
34+
// 3. Variable should not use any special character except dollar and underscore (e.g my_variable)
35+
// 4. Variable should not be on name of javascript keyword (e.g array,loop)
36+
// 5. Best option for variable name is to write variable name is camelcase (e.g myVariableJs)

‎Variables/index.html‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Variables</title>
7+
</head>
8+
<body>
9+
<h1 style="text-align: center;">Check Console Please ( Ctrl + Shift + i )</h1>
10+
<script src="app.js"></script>
11+
</body>
12+
</html>

‎images/java-script.png‎

12.9 KB
Loading

0 commit comments

Comments
 (0)