Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 9321a6f

Browse files
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)

AltStyle によって変換されたページ (->オリジナル) /