├── HTML Events.txt
├── Comparing all Different Types.txt
├── Displaying Dates.txt
├── JavaScript Date Output.txt
├── JavaScript NaN - Not a Number.txt
├── JavaScript Where To.txt
├── ISO Dates (Year and Month).txt
├── JavaScript Long Dates..txt
├── JavaScript Arrays.txt
├── JavaScript Short Dates..txt
├── Access the Full Array.txt
├── JavaScript Strings.txt
├── my first javaScript.txt
├── JavaScript Literals.txt
├── Math.sqrt().txt
├── Loop Scope.txt
├── Math.pow().txt
├── Math.abs().txt
├── Math.random().txt
├── Math.ceil().txt
├── Math.round().txt
├── NaN - Not a Number.txt
├── The if Statement.txt
├── JavaScript NEGATIVE_INFINITY.txt
├── JavaScript POSITIVE_INFINITY.txt
├── Comparison all Operators.txt
├── The console.log() Method.txt
├── JavaScript Numbers.txt
├── Math.floor().txt
├── The setDate() Method.txt
├── Hoisting.txt
├── JavaScript Declarations are Hoisted.txt
├── JavaScript While Loop.txt
├── Math.min() and Math.max().txt
├── javaScript The For Loop.txt
├── JavaScript Initializations are Not Hoisted.txt
├── Redeclaring Variables.txt
├── The Boolean() Function.txt
├── The length Property.txt
├── Associative Arrays.txt
├── The Concept of Data Types.txt
├── The setFullYear() Method.txt
├── new Date(dateString).txt
├── Arrays are Objects.txt
├── Displaying Object Properties.txt
├── JavaScript ForOf Loop.txt
├── The setSeconds() Method.txt
├── javascript Comparing For and While.txt
├── Everything Without a Value is False.txt
├── How to Recognize an Array.txt
├── JavaScript Random Integers.txt
├── The Number() Method Used on Dates.txt
├── Declaring Strict Mode.txt
├── JavaScript DoWhile Loop.txt
├── String Length.txt
├── Find the Highest (or Lowest) Array Value.txt
├── JavaScript Variables.txt
├── JavaScript in Head.txt
├── javascript Reference Error.txt
├── javascript Syntax Error.txt
├── javascript Type Error.txt
├── Date Input - Parsing Dates.txt
├── ISO Dates (Date-Time).txt
├── Stringify Arrays.txt
├── new Date(year, month, ...).txt
├── Number Properties Cannot be Used on Variables.txt
├── URI (Uniform Resource Identifier) Error.txt
├── Block Scope.txt
├── Changing an Array Element.txt
├── Waiting for a Timeout.txt
├── new Date(milliseconds).txt
├── JavaScript Loops.txt
├── Stringify Dates.txt
├── Arrow Function With Parameters.txt
├── JavaScript Functions.txt
├── javascript Range Error.txt
├── this in a Function (Default).txt
├── Displaying the Object in a Loop.txt
├── Stringify Functions.txt
├── Using the JavaScript Keyword new.txt
├── Arrow Functions Return Value by Default.txt
├── Converting Arrays.txt
├── JavaScript Error Handling.txt
├── Math.sin().txt
├── The valueOf() Method.txt
├── Using String search() With a String.txt
├── Automatic toString().txt
├── JavaScript Number Methods.txt
├── JavaScript all Type Conversion Table.txt
├── Math.cos().txt
├── Using Math.max() on an Array.txt
├── Global Scope.txt
├── javascript Converting Numbers to Strings.txt
├── Accessing the First Array Element.txt
├── Array.find().txt
├── Booleans Can be Objects.txt
├── Using String search() With a Regular Expression.txt
├── Finding a String in a String.txt
├── Logical all Operators.txt
├── Strict Comparison.txt
├── Accessing the Last Array Element.txt
├── Global JavaScript Variables.txt
├── Global Variables in HTML1.txt
├── Merging an Array with Values.txt
├── javascript The Break Statement.txt
├── Global Variables in HTML.txt
├── Array.findIndex().txt
├── Array.indexOf().txt
├── Arrow Function Without Parentheses.txt
├── Searching for a String in a String.txt
├── JavaScript ForIn Loop.txt
├── Array.lastIndexOf().txt
├── Compare Dates js array.txt
├── Automatically Global.txt
├── JavaScript Labels.txt
├── Array.forEach().txt
├── Slicing an Array.txt
├── The default Keyword.txt
├── Array.filter().txt
├── Merging (Concatenating) Arrays.txt
├── The Unary + Operator.txt
├── Function Scope.txt
├── Popping and Pushing array.txt
├── Array.reduce().txt
├── The parseFloat() Method.txt
├── Array.every().txt
├── Array.some().txt
├── Local JavaScript Variables.txt
├── The parseInt() Method.txt
├── calculation and then display.txt
├── Array.reduceRight().txt
├── Common Code Blocks.txt
├── JavaScript Statements.txt
├── javascript The Continue Statement.txt
├── javasript JavaScript Callbacks.txt
├── JavaScript Closures.txt
├── javascript Sequence Control.txt
├── Adding a Property.txt
├── Changing a Property Value.txt
├── Constant Arrays can Change.txt
├── Deleting Elements.txt
├── Sorting an Array.txt
├── The else Statement.txt
├── A Proper Random Function.txt
├── The getMonth() Method.txt
├── Adding Array Elements.txt
├── Numeric Sort.txt
├── javascript Function Sequence.txt
├── My Min  Max JavaScript Methods.txt
├── The Light Bulb.txt
├── Looping Array Elements.txt
├── Don't Use new Object().txt
├── javascript A Counter Dilemma.txt
├── Listing Enumerable Properties.txt
├── The JavaScript apply() Method.txt
├── Using String replace() With a String.txt
├── JavaScript Function or Getter.txt
├── Listing All Properties.txt
├── Using splice() to Remove Elements.txt
├── Sorting an Array in Random Order.txt
├── The else if Statement.txt
├── Use String replace() With a Regular Expression.txt
├── The toExponential() Method.txt
├── Everything With a Value is True.txt
├── The Number() Method.txt
├── JavaScript constructor Property.txt
├── Math Properties (Constants).txt
├── Splicing an Array.txt
├── The apply() Method with Arguments.txt
├── Promise Object Properties.txt
├── The JavaScript Switch Statement.txt
├── The call() Method with Arguments.txt
├── The rangeOverflow Property.txt
├── JavaScript typeof Operator.txt
├── Adding Getters and Setters.txt
├── JavaScript Getter (The get Keyword).txt
├── Adding a Method to a Constructor.txt
├── JavaScript Setter (The set Keyword).txt
├── Reversing an Array.txt
├── JavaScript Static Methods.txt
├── The Fisher Yates Method.txt
├── The checkValidity() Method.txt
├── javascript Input Validation Example.txt
├── javascript Class Inheritance.txt
├── Finding HTML Elements Using document.forms.txt
├── javascript The finally Statement.txt
├── Object.defineProperty().txt
├── javascript A Counter Example.txt
├── Built-in JavaScript Constructors.txt
├── JavaScript Operators.txt
└── README.md


/HTML Events.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <button onclick="document.getElementById('demo').innerHTML=Date()">The time is?</button>
 6 | 
 7 | <p id="demo"></p>
 8 | <br> 
 9 | <center>
10 | <p> Creater By <b> Sanusanth </b> </p>
11 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
12 | </center>
13 | </body>
14 | </html>
15 | 


--------------------------------------------------------------------------------
/Comparing all Different Types.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Comparison</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | document.getElementById("demo").innerHTML = 2 < 12;
11 | </script>
12 | <br> 
13 | <center>
14 | <p> Creater By <b> Sanusanth </b> </p>
15 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
16 | </center>
17 | </body>
18 | </html>
19 | 


--------------------------------------------------------------------------------
/Displaying Dates.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript new Date()</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var d = new Date();
11 | document.getElementById("demo").innerHTML = d;
12 | </script>
13 | <br> 
14 | <center>
15 | <p> Creater By <b> Sanusanth </b> </p>
16 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
17 | </center>
18 | </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/JavaScript Date Output.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript new Date()</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var d = new Date();
11 | document.getElementById("demo").innerHTML = d;
12 | </script>
13 | <br> 
14 | <center>
15 | <p> Creater By <b> Sanusanth </b> </p>
16 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
17 | </center>
18 | </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/JavaScript NaN - Not a Number.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Number Object Properties</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | document.getElementById("demo").innerHTML = Number.NaN;
11 | </script>
12 | <br> 
13 | <center>
14 | <p> Creater By <b> Sanusanth </b> </p>
15 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
16 | </center>
17 | </body>
18 | </html>
19 | 


--------------------------------------------------------------------------------
/JavaScript Where To.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>My First Web Page</h2>
 6 | <p>My First Paragraph.</p>
 7 | 
 8 | <p id="demo"></p>
 9 | 
10 | <script>
11 | document.getElementById("demo").innerHTML = 5 + 6;
12 | </script>
13 | <br> 
14 | <center>
15 | <p> Creater By <b> Sanusanth </b> </p>
16 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
17 | </center>
18 | </body>
19 | </html> 
20 | 


--------------------------------------------------------------------------------
/ISO Dates (Year and Month).txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript ISO Dates</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var d = new Date("2015-03"); 
11 | document.getElementById("demo").innerHTML = d;
12 | </script>
13 | <br> 
14 | <center>
15 | <p> Creater By <b> Sanusanth </b> </p>
16 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
17 | </center>
18 | </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/JavaScript Long Dates..txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript new Date()</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var d = new Date("Mar 25 2015");
11 | document.getElementById("demo").innerHTML = d;
12 | </script>
13 | <br> 
14 | <center>
15 | <p> Creater By <b> Sanusanth </b> </p>
16 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
17 | </center>
18 | </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/JavaScript Arrays.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Arrays</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var cars = ["Saab", "Volvo", "BMW"];
11 | document.getElementById("demo").innerHTML = cars;
12 | </script>
13 | <br> 
14 | <center>
15 | <p> Creater By <b> Sanusanth </b> </p>
16 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
17 | </center>
18 | </body>
19 | </html>
20 | 
21 | 


--------------------------------------------------------------------------------
/JavaScript Short Dates..txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript new Date()</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var d = new Date("03/25/2015");
11 | document.getElementById("demo").innerHTML = d;
12 | </script>
13 | <br> 
14 | <center>
15 | <p> Creater By <b> Sanusanth </b> </p>
16 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
17 | </center>
18 | </body>
19 | </html>
20 | 
21 | 


--------------------------------------------------------------------------------
/Access the Full Array.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Arrays</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var cars = ["Saab", "Volvo", "BMW"];
11 | document.getElementById("demo").innerHTML = cars;
12 | </script>
13 | <br> 
14 | <center>
15 | <p> Creater By <b> Sanusanth </b> </p>
16 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
17 | </center>
18 | </body>
19 | </html>
20 | 
21 | 
22 | 


--------------------------------------------------------------------------------
/JavaScript Strings.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Strings</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var x = "Sanusanth";  // String written inside quotes
11 | document.getElementById("demo").innerHTML = x;
12 | </script>
13 | <br> 
14 | <center>
15 | <p> Creater By <b> Sanusanth </b> </p>
16 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
17 | </center>
18 | </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/my first javaScript.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>My First JavaScript</h2>
 6 | 
 7 | <button type="button"
 8 | onclick="document.getElementById('demo').innerHTML = Date()">
 9 | Click me to display Date and Time.</button>
10 | 
11 | <p id="demo"></p>
12 | <br> 
13 | <center>
14 | <p> Creater By <b> Sanusanth </b> </p>
15 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
16 | </center>
17 | </body>
18 | </html> 
19 | 


--------------------------------------------------------------------------------
/JavaScript Literals.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Numbers</h2>
 6 | 
 7 | <p>Number can be written with or without decimals.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | document.getElementById("demo").innerHTML = 10.50;
13 | </script>
14 | <br> 
15 | <center>
16 | <p> Creater By <b> Sanusanth </b> </p>
17 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
18 | </center>
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/Math.sqrt().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Math.sqrt()</h2>
 6 | 
 7 | <p>Math.sqrt(x) returns the square root of x:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | document.getElementById("demo").innerHTML = Math.sqrt(64);
13 | </script>
14 | <br> 
15 | <center>
16 | <p> Creater By <b> Sanusanth </b> </p>
17 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
18 | </center>
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/Loop Scope.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript let</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var i = 5;
11 | for (var i = 0; i < 10; i++) {
12 |   // some statements
13 | }
14 | document.getElementById("demo").innerHTML = i;
15 | </script>
16 | <br> 
17 | <center>
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 


--------------------------------------------------------------------------------
/Math.pow().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Math.pow()</h2>
 6 | 
 7 | <p>Math.pow(x,y) returns the value of x to the power of y:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | document.getElementById("demo").innerHTML = Math.pow(8,2);
13 | </script>
14 | <br> 
15 | <center>
16 | <p> Creater By <b> Sanusanth </b> </p>
17 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
18 | </center>
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/Math.abs().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Math.abs()</h2>
 6 | 
 7 | <p>Math.abs(x) returns the absolute (positive) value of x:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | document.getElementById("demo").innerHTML = Math.abs(-4.4);
13 | </script>
14 | <br> 
15 | <center>
16 | <p> Creater By <b> Sanusanth </b> </p>
17 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
18 | </center>
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/Math.random().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Math.random()</h2>
 6 | 
 7 | <p>Math.random() returns a random number between 0 and 1:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | document.getElementById("demo").innerHTML = Math.random();
13 | </script>
14 | <br> 
15 | <center>
16 | <p> Creater By <b> Sanusanth </b> </p>
17 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
18 | </center>
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/Math.ceil().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Math.ceil()</h2>
 6 | 
 7 | <p>Math.ceil() rounds a number <strong>up</strong> to its nearest integer:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | document.getElementById("demo").innerHTML = Math.ceil(4.4);
13 | </script>
14 | <br> 
15 | <center>
16 | <p> Creater By <b> Sanusanth </b> </p>
17 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
18 | </center>
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/Math.round().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Math.round()</h2>
 6 | 
 7 | <p>Math.round(x) returns the value of x rounded to its nearest integer:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | document.getElementById("demo").innerHTML = Math.round(4.4);
13 | </script>
14 | <br> 
15 | <center>
16 | <p> Creater By <b> Sanusanth </b> </p>
17 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
18 | </center>
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/NaN - Not a Number.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Numbers</h2>
 6 | 
 7 | <p>A number divided by a non-numeric string becomes NaN (Not a Number):</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | document.getElementById("demo").innerHTML = 100 / "Apple";
13 | </script>
14 | <br> 
15 | <center>
16 | <p> Creater By <b> Sanusanth </b> </p>
17 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
18 | </center>
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/The if Statement.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p>Display "Good day!" if the hour is less than 18:00:</p>
 6 | 
 7 | <p id="demo">Good Evening!</p>
 8 | 
 9 | <script>
10 | if (new Date().getHours() < 18) {
11 |   document.getElementById("demo").innerHTML = "Good day!";
12 | }
13 | </script>
14 | <br> 
15 | <center>
16 | <p> Creater By <b> Sanusanth </b> </p>
17 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
18 | </center>
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/JavaScript NEGATIVE_INFINITY.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Number Object Properties</h2>
 6 | 
 7 | <p>NEGATIVE_INFINITY</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var x = Number.NEGATIVE_INFINITY;
13 | document.getElementById("demo").innerHTML = x;
14 | </script>
15 | <br> 
16 | <center>
17 | <p> Creater By <b> Sanusanth </b> </p>
18 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
19 | </center>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/JavaScript POSITIVE_INFINITY.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Number Object Properties</h2>
 6 | 
 7 | <p>POSITIVE_INFINITY</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var x = Number.POSITIVE_INFINITY;
13 | document.getElementById("demo").innerHTML = x;
14 | </script>
15 | <br> 
16 | <center>
17 | <p> Creater By <b> Sanusanth </b> </p>
18 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
19 | </center>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/Comparison all Operators.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Comparison</h2>
 6 | 
 7 | <p>Assign 5 to x, and display the value of the comparison (x == 8):</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var x = 5;
13 | document.getElementById("demo").innerHTML = (x == 8);
14 | </script>
15 | <br> 
16 | <center>
17 | <p> Creater By <b> Sanusanth </b> </p>
18 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
19 | </center>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/The console.log() Method.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>My First Web Page</h2>
 6 | 
 7 | <p>Activate debugging in your browser (Chrome, IE, Firefox) with F12, and select "Console" in the debugger menu.</p>
 8 | 
 9 | <script>
10 | a = 5;
11 | b = 6;
12 | c = a + b;
13 | console.log(c);
14 | </script>
15 | <br> 
16 | <center>
17 | <p> Creater By <b> Sanusanth </b> </p>
18 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
19 | </center>
20 | </body>
21 | </html> 
22 | 


--------------------------------------------------------------------------------
/JavaScript Numbers.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Numbers</h2>
 6 | 
 7 | <p>Numbers can be written with or without decimals:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var x = 3.14;
13 | var y = 3;
14 | document.getElementById("demo").innerHTML = x + "<br>" + y;
15 | </script>
16 | <br> 
17 | <center>
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 


--------------------------------------------------------------------------------
/Math.floor().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2> JavaScript Math.floor() <h2>
 6 | 
 7 | <p> Math.floor(x) returns the value of x (rounded strongdownstrong to its nearest integer) <p>
 8 | 
 9 | <p id="demo"> <p>
10 | 
11 | <script>
12 | document.getElementById(demo).innerHTML = Math.floor(4.7);
13 | </script>
14 | <br> 
15 | <center>
16 | <p> Creater By <b> Sanusanth </b> </p>
17 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
18 | </center>
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/The setDate() Method.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript setDate()</h2>
 6 | 
 7 | <p>The setDate() method sets the day of a date object:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var d = new Date();
13 | d.setDate(15);
14 | document.getElementById("demo").innerHTML = d;
15 | </script>
16 | <br> 
17 | <center>
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 


--------------------------------------------------------------------------------
/Hoisting.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Hoisting</h2>
 6 | 
 7 | <p>With <b>var</b>, you can use a variable before it is declared:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | carName = "Volvo";
13 | document.getElementById("demo").innerHTML = carName;
14 | var carName;
15 | </script>
16 | <br> 
17 | <center>
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 


--------------------------------------------------------------------------------
/JavaScript Declarations are Hoisted.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p id="demo"></p>
 6 | 
 7 | <script>
 8 | x = 5; // Assign 5 to x
 9 | 
10 | elem = document.getElementById("demo"); // Find an element 
11 | elem.innerHTML = x;           // Display x in the element
12 | 
13 | var x; // Declare x
14 | </script>
15 | <br> 
16 | <center>
17 | <p> Creater By <b> Sanusanth </b> </p>
18 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
19 | </center>
20 | </body>
21 | </html> 
22 | 


--------------------------------------------------------------------------------
/JavaScript While Loop.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript While Loop</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var text = "";
11 | var i = 0;
12 | while (i < 10) {
13 |   text += "<br>The number is " + i;
14 |   i++;
15 | }
16 | document.getElementById("demo").innerHTML = text;
17 | </script>
18 | <br> 
19 | <center>
20 | <p> Creater By <b> Sanusanth </b> </p>
21 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
22 | </center>
23 | </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/Math.min() and Math.max().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Math.min()</h2>
 6 | 
 7 | <p>Math.min() returns the lowest value in a list of arguments:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | document.getElementById("demo").innerHTML =
13 | Math.min(0, 150, 30, 20, -8, -200);
14 | </script>
15 | <br> 
16 | <center>
17 | <p> Creater By <b> Sanusanth </b> </p>
18 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
19 | </center>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/javaScript The For Loop.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript For Loop</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var text = "";
11 | var i;
12 | for (i = 0; i < 5; i++) {
13 |   text += "The number is " + i + "<br>";
14 | }
15 | document.getElementById("demo").innerHTML = text;
16 | </script>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/JavaScript Initializations are Not Hoisted.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p id="demo"></p>
 6 | 
 7 | <script>
 8 | var x = 5; // Initialize x
 9 | var y = 7; // Initialize y
10 | 
11 | elem = document.getElementById("demo"); // Find an element 
12 | elem.innerHTML = x + " " + y;       // Display x and y
13 | 
14 | </script>
15 | <br> 
16 | <center>
17 | <p> Creater By <b> Sanusanth </b> </p>
18 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
19 | </center>
20 | </body>
21 | </html> 
22 | 


--------------------------------------------------------------------------------
/Redeclaring Variables.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>Declaring a Variable Using var</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var  x = 10;
11 | // Here x is 10
12 | {  
13 |   var x = 2;
14 |   // Here x is 2
15 | }
16 | // Here x is 2
17 | document.getElementById("demo").innerHTML = x;
18 | </script>
19 | <br> 
20 | <center>
21 | <p> Creater By <b> Sanusanth </b> </p>
22 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
23 | </center>
24 | </body>
25 | </html>
26 | 


--------------------------------------------------------------------------------
/The Boolean() Function.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p>Display the value of Boolean(10 > 9):</p>
 6 | 
 7 | <button onclick="myFunction()">Try it</button>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | function myFunction() {
13 |   document.getElementById("demo").innerHTML = Boolean(10 > 9);
14 | }
15 | </script>
16 | <br> 
17 | <center>
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 


--------------------------------------------------------------------------------
/The length Property.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Arrays</h2>
 6 | <p>The length property returns the length of an array.</p>
 7 | 
 8 | <p id="demo"></p>
 9 | 
10 | <script>
11 | var fruits = ["Banana", "Orange", "Apple", "Mango"];
12 | document.getElementById("demo").innerHTML = fruits.length;
13 | </script>
14 | <br> 
15 | <center>
16 | <p> Creater By <b> Sanusanth </b> </p>
17 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
18 | </center>
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/Associative Arrays.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Arrays</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var person = [];
11 | person[0] = "Sanu";
12 | person[1] = "santh";
13 | person[2] = 23; 
14 | document.getElementById("demo").innerHTML =
15 | person[0] + " " + person.length;
16 | </script>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 
25 | 


--------------------------------------------------------------------------------
/The Concept of Data Types.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript</h2>
 6 | 
 7 | <p>When adding a number and a string, JavaScript will treat the number as a string.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var x = 16 + "Volvo";
13 | document.getElementById("demo").innerHTML = x;
14 | </script>
15 | <br> 
16 | <center>
17 | <p> Creater By <b> Sanusanth </b> </p>
18 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
19 | </center>
20 | </body>
21 | </html>
22 | 
23 | 
24 | 


--------------------------------------------------------------------------------
/The setFullYear() Method.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript setFullYear()</h2>
 6 | 
 7 | <p>The setFullYear() method sets the year of a date object:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var d = new Date();
13 | d.setFullYear(2020);
14 | document.getElementById("demo").innerHTML = d;
15 | </script>
16 | <br> 
17 | <center>
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 


--------------------------------------------------------------------------------
/new Date(dateString).txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript new Date()</h2>
 6 | 
 7 | <p>A Date object can be created with a specified date and time:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var d = new Date("October 13, 2014 11:13:00");
13 | document.getElementById("demo").innerHTML = d;
14 | </script>
15 | <br> 
16 | <center>
17 | <p> Creater By <b> Sanusanth </b> </p>
18 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
19 | </center>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/Arrays are Objects.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Objects</h2>
 6 | <p>JavaScript uses names to access object properties.</p>
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var person = {firstName:"Sanu", lastName:"santh", age:23};
11 | document.getElementById("demo").innerHTML = person["firstName"];
12 | </script>
13 | <br> 
14 | <center>
15 | <p> Creater By <b> Sanusanth </b> </p>
16 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
17 | </center>
18 | </body>
19 | </html>
20 | 
21 | 


--------------------------------------------------------------------------------
/Displaying Object Properties.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Display Object Properties</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var person = {name:"Sanus", age:50, city:"New York"};
11 | 
12 | document.getElementById("demo").innerHTML = person.name + "," + person.age + "," + person.city;
13 | </script>
14 | <br> 
15 | <center>
16 | <p> Creater By <b> Sanusanth </b> </p>
17 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
18 | </center>
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/JavaScript ForOf Loop.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript For/Of Loop</h2>
 6 | 
 7 | <p>The for/of statement loops through the values of an iterable object.</p>
 8 | 
 9 | <script>
10 | var cars = ["BMW", "Volvo", "Mini"];
11 | var x;
12 | 
13 | for (x of cars) {
14 |   document.write(x + "<br >");
15 | }
16 | </script>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/The setSeconds() Method.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript setSeconds()</h2>
 6 | 
 7 | <p>The setSeconds() method sets the seconds of a date object (0-59):</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var d = new Date();
13 | d.setSeconds(30);
14 | document.getElementById("demo").innerHTML = d;
15 | </script>
16 | <br> 
17 | <center>
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 


--------------------------------------------------------------------------------
/javascript Comparing For and While.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p id="demo"></p>
 6 | 
 7 | <script>
 8 | var cars = ["BMW", "Volvo", "Saab", "Ford"];
 9 | var i = 0;
10 | var text = "";
11 | for (;cars[i];) {
12 |   text += cars[i] + "<br>";
13 |   i++;
14 | }
15 | document.getElementById("demo").innerHTML = text;
16 | </script>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/Everything Without a Value is False.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p>Display the Boolean value of 0:</p>
 6 | 
 7 | <button onclick="myFunction()">Try it</button>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | function myFunction() {
13 |   var x = 0;
14 |   document.getElementById("demo").innerHTML = Boolean(x);
15 | }
16 | </script>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/How to Recognize an Array.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Arrays</h2>
 6 | 
 7 | <p>The typeof operator, when used on an array, returns object:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var fruits = ["Banana", "Orange", "Apple", "Mango"];
13 | document.getElementById("demo").innerHTML = typeof fruits;
14 | </script>
15 | <br> 
16 | <center>
17 | <p> Creater By <b> Sanusanth </b> </p>
18 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
19 | </center>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/JavaScript Random Integers.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Math</h2>
 6 | 
 7 | <p>Math.floor(Math.random() * 10) returns a random integer between 0 and 9 (both 
 8 | included):</p>
 9 | 
10 | <p id="demo"></p>
11 | 
12 | <script>
13 | document.getElementById("demo").innerHTML =
14 | Math.floor(Math.random() * 10);
15 | </script>
16 | <br> 
17 | <center>
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 


--------------------------------------------------------------------------------
/The Number() Method Used on Dates.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Global Methods</h2>
 6 | 
 7 | <p>The Number() method can convert a date to a number:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var x = new Date("2017-09-30");
13 | document.getElementById("demo").innerHTML = Number(x); 
14 | </script>
15 | <br> 
16 | <center>
17 | <p> Creater By <b> Sanusanth </b> </p>
18 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
19 | </center>
20 | </body>
21 | </html>
22 | 
23 | 
24 | 


--------------------------------------------------------------------------------
/Declaring Strict Mode.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>With "use strict":</h2>
 6 | <h3>Using a variable without declaring it, is not allowed.</h3>
 7 | 
 8 | <p>Activate debugging in your browser (F12) to see the error report.</p>
 9 | 
10 | <script>
11 | "use strict";
12 | x = 3.14;  // This will cause an error (x is not defined).
13 | </script>
14 | <br> 
15 | <center>
16 | <p> Creater By <b> Sanusanth </b> </p>
17 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
18 | </center>
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/JavaScript DoWhile Loop.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Do/While Loop</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var text = ""
11 | var i = 0;
12 | 
13 | do {
14 |   text += "<br>The number is " + i;
15 |   i++;
16 | }
17 | while (i < 10);  
18 | 
19 | document.getElementById("demo").innerHTML = text;
20 | </script>
21 | <br> 
22 | <center>
23 | <p> Creater By <b> Sanusanth </b> </p>
24 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
25 | </center>
26 | </body>
27 | </html>
28 | 


--------------------------------------------------------------------------------
/String Length.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript String Properties</h2>
 6 | 
 7 | <p>The length property returns the length of a string:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
13 | var sln = txt.length;
14 | document.getElementById("demo").innerHTML = sln;
15 | </script>
16 | <br> 
17 | <center>
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 
24 | 


--------------------------------------------------------------------------------
/Find the Highest (or Lowest) Array Value.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array Sort</h2>
 6 | 
 7 | <p>The lowest number is <span id="demo"></span>.</p>
 8 | 
 9 | <script>
10 | var points = [40, 100, 1, 5, 25, 10];
11 | points.sort(function(a, b){return a-b});
12 | document.getElementById("demo").innerHTML = points[0];
13 | </script>
14 | <br> 
15 | <center>
16 | <p> Creater By <b> Sanusanth </b> </p>
17 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
18 | </center>
19 | </body>
20 | </html>
21 | 
22 | 


--------------------------------------------------------------------------------
/JavaScript Variables.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Variables</h2>
 6 | 
 7 | <p>In this example, x, y, and z are variables.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var x = 5;
13 | var y = 6;
14 | var z = x + y;
15 | document.getElementById("demo").innerHTML =
16 | "The value of z is: " + z;
17 | </script>
18 | <br> 
19 | <center>
20 | <p> Creater By <b> Sanusanth </b> </p>
21 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
22 | </center>
23 | </body>
24 | </html>
25 | 
26 | 
27 | 


--------------------------------------------------------------------------------
/JavaScript in Head.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 | <script>
 5 | function myFunction() {
 6 |   document.getElementById("demo").innerHTML = "Paragraph changed.";
 7 | }
 8 | </script>
 9 | </head>
10 | <body>
11 | 
12 | <h2>JavaScript in Head</h2>
13 | 
14 | <p id="demo">A Paragraph.</p>
15 | 
16 | <button type="button" onclick="myFunction()">Try it</button>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html> 
24 | 


--------------------------------------------------------------------------------
/javascript Reference Error.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Errors</h2>
 6 | 
 7 | <p>You cannot use the value of a non-existing variable:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var x;
13 | try {
14 |   x = y + 1;
15 | }
16 | catch(err) {
17 |   document.getElementById("demo").innerHTML = err.name;
18 | }
19 | </script>
20 | <br> 
21 | <center>
22 | <p> Creater By <b> Sanusanth </b> </p>
23 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
24 | </center>
25 | </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/javascript Syntax Error.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Errors</h2>
 6 | 
 7 | <p>You cannot evaluate code that contains a syntax error:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | try {
13 |   eval("alert('Hello)");
14 | }
15 | catch(err) {
16 |   document.getElementById("demo").innerHTML = err.name;
17 | }
18 | </script>
19 | <br> 
20 | <center>
21 | <p> Creater By <b> Sanusanth </b> </p>
22 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
23 | </center>
24 | </body>
25 | </html>
26 | 


--------------------------------------------------------------------------------
/javascript Type Error.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Errors</h2>
 6 | 
 7 | <p>You cannot convert a number to upper case:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var num = 1;
13 | try {
14 |   num.toUpperCase();
15 | }
16 | catch(err) {
17 |   document.getElementById("demo").innerHTML = err.name;
18 | }
19 | </script>
20 | <br> 
21 | <center>
22 | <p> Creater By <b> Sanusanth </b> </p>
23 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
24 | </center>
25 | </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/Date Input - Parsing Dates.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Date.parse()</h2>
 6 | 
 7 | <p>Date.parse() returns the number of milliseconds between the date and January 1, 1970:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var msec = Date.parse("March 21, 2012");
13 | document.getElementById("demo").innerHTML = msec;
14 | </script>
15 | <br> 
16 | <center>
17 | <p> Creater By <b> Sanusanth </b> </p>
18 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
19 | </center>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/ISO Dates (Date-Time).txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript ISO Dates</h2>
 6 | 
 7 | <p>Separate date and time with a capital T.</p>
 8 | 
 9 | <p>Indicate UTC time with a capital Z.</p>
10 | 
11 | <p id="demo"></p>
12 | 
13 | <script>
14 | var d = new Date("2015-03-25T12:00:00Z");
15 | document.getElementById("demo").innerHTML = d;
16 | </script>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/Stringify Arrays.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Display Objects</h2>
 6 | 
 7 | <p>JSON.stringify can stringify arrays:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var arr = ["John", "Peter", "Sally", "Jane"];
13 | 
14 | var myString = JSON.stringify(arr);
15 | document.getElementById("demo").innerHTML = myString;
16 | </script>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/new Date(year, month, ...).txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript new Date()</h2>
 6 | 
 7 | <p>Using new Date(7 numbers), creates a new date object with the specified date and time:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var d = new Date(2018, 11, 24, 10, 33, 30, 0);
13 | document.getElementById("demo").innerHTML = d;
14 | </script>
15 | <br> 
16 | <center>
17 | <p> Creater By <b> Sanusanth </b> </p>
18 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
19 | </center>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/Number Properties Cannot be Used on Variables.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Number Object Properties</h2>
 6 | 
 7 | <p>Using a Number property on a variable, expression, or value, will return undefined:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var x = 6;
13 | document.getElementById("demo").innerHTML = x.MAX_VALUE;
14 | </script>
15 | <br> 
16 | <center>
17 | <p> Creater By <b> Sanusanth </b> </p>
18 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
19 | </center>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/URI (Uniform Resource Identifier) Error.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Errors</h2>
 6 | 
 7 | <p>Some characters cannot be decoded with decodeURI():</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | try {
13 |   decodeURI("%%%");
14 | }
15 | catch(err) {
16 |   document.getElementById("demo").innerHTML = err.name;
17 | }
18 | </script>
19 | <br> 
20 | <center>
21 | <p> Creater By <b> Sanusanth </b> </p>
22 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
23 | </center>
24 | </body>
25 | </html>
26 | 


--------------------------------------------------------------------------------
/Block Scope.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript let</h2>
 6 | 
 7 | <p>Redeclaring a JavaScript variable with <b>var</b> is allowed anywhere in a program:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var x = 2;
13 | // Now x is 2
14 | 
15 | var x = 3;
16 | // Now x is 3
17 | 
18 | document.getElementById("demo").innerHTML = x;
19 | </script>
20 | <br> 
21 | <center>
22 | <p> Creater By <b> Sanusanth </b> </p>
23 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
24 | </center>
25 | </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/Changing an Array Element.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Arrays</h2>
 6 | 
 7 | <p>JavaScript array elements are accessed using numeric indexes (starting from 0).</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var cars = ["Saab", "Volvo", "BMW"];
13 | cars[0] = "Opel";
14 | document.getElementById("demo").innerHTML = cars;
15 | </script>
16 | <br> 
17 | <center>
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 
24 | 


--------------------------------------------------------------------------------
/Waiting for a Timeout.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Callback</h2>
 6 | 
 7 | <p>Wait 3 seconds (3000 milliseconds) for this page to change.</p>
 8 | 
 9 | <h1 id="demo"></h1>
10 | 
11 | <script>
12 | setTimeout(myFunction, 3000);
13 | 
14 | function myFunction() {
15 |   document.getElementById("demo").innerHTML = "I love You !!";
16 | }
17 | </script>
18 | <br> 
19 | <center>
20 | <p> Creater By <b> Sanusanth </b> </p>
21 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
22 | </center>
23 | </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/new Date(milliseconds).txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript new Date()</h2>
 6 | 
 7 | <p>Using new Date(milliseconds), creates a new date object as January 1, 1970, 00:00:00 Universal Time (UTC) plus the milliseconds:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var d = new Date(0);
13 | document.getElementById("demo").innerHTML = d;
14 | </script>
15 | <br> 
16 | <center>
17 | <p> Creater By <b> Sanusanth </b> </p>
18 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
19 | </center>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/JavaScript Loops.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript For Loop</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var cars = ["BMW", "Volvo", "Saab", "Ford", "Fiat", "Audi"];
11 | var text = "";
12 | var i;
13 | for (i = 0; i < cars.length; i++) {
14 |   text += cars[i] + "<br>";
15 | }
16 | document.getElementById("demo").innerHTML = text;
17 | </script>
18 | <br> 
19 | <center>
20 | <p> Creater By <b> Sanusanth </b> </p>
21 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
22 | </center>
23 | </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/Stringify Dates.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Display Objects</h2>
 6 | 
 7 | <p>JSON.stringify will convert dates into strings:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var person = {name:"John", today:new Date()};
13 | 
14 | var myString = JSON.stringify(person);
15 | document.getElementById("demo").innerHTML = myString;
16 | </script>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/Arrow Function With Parameters.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Arrow Function</h2>
 6 | 
 7 | <p>This example shows an Arrow Function with a parameter.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var hello;
13 | 
14 | hello = (val) => "Hello " + val;
15 | 
16 | document.getElementById("demo").innerHTML = hello("Universe!");
17 | </script>
18 | <br> 
19 | <center>
20 | <p> Creater By <b> Sanusanth </b> </p>
21 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
22 | </center>
23 | </body>
24 | </html>
25 |  
26 | 


--------------------------------------------------------------------------------
/JavaScript Functions.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Functions</h2>
 6 | 
 7 | <p>This example calls a function which performs a calculation, and returns the result:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | function myFunction(p1, p2) {
13 |   return p1 * p2;
14 | }
15 | document.getElementById("demo").innerHTML = myFunction(4, 3);
16 | </script>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/javascript Range Error.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Errors</h2>
 6 | 
 7 | <p>You cannot set the number of significant digits of a number to 500:</p>
 8 | 
 9 | <p id="demo">
10 | 
11 | <script>
12 | var num = 1;
13 | try {
14 |   num.toPrecision(500);
15 | }
16 | catch(err) {
17 |   document.getElementById("demo").innerHTML = err.name;
18 | }
19 | </script>
20 | <br> 
21 | <center>
22 | <p> Creater By <b> Sanusanth </b> </p>
23 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
24 | </center>
25 | </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/this in a Function (Default).txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>The JavaScript <i>this</i> Keyword</h2>
 6 | 
 7 | <p>In this example, <b>this</b> represents the object that "owns" myFunction:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | document.getElementById("demo").innerHTML = myFunction();
13 | function myFunction() {
14 |   return this;
15 | }
16 | </script>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/Displaying the Object in a Loop.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Display Object Properties</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var x, txt = "";
11 | var person = {name:"Sanus", age:50, city:"New York"};
12 | 
13 | for (x in person) {
14 |   txt += person[x] + " ";
15 | };
16 | 
17 | document.getElementById("demo").innerHTML = txt;
18 | </script>
19 | <br> 
20 | <center>
21 | <p> Creater By <b> Sanusanth </b> </p>
22 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
23 | </center>
24 | </body>
25 | </html>
26 | 


--------------------------------------------------------------------------------
/Stringify Functions.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Display Objects</h2>
 6 | 
 7 | <p>JSON.stringify will not stringify functions:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var person = {name:"Sanus", age:function () {return 30;}};
13 | 
14 | var myString = JSON.stringify(person);
15 | document.getElementById("demo").innerHTML = myString;
16 | </script>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/Using the JavaScript Keyword new.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p id="demo"></p>
 6 | 
 7 | <script>
 8 | var person = new Object();
 9 | person.firstName = "Sanu";
10 | person.lastName = "santh";
11 | person.age = 23;
12 | person.eyeColor = "black"; 
13 | 
14 | document.getElementById("demo").innerHTML =
15 | person.firstName + " is " + person.age + " years old.";
16 | </script>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/Arrow Functions Return Value by Default.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Arrow Function</h2>
 6 | 
 7 | <p>This example shows an Arrow Function without the brackets or the return keyword.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var hello;
13 | 
14 | hello = () => "Hello World!";
15 | 
16 | document.getElementById("demo").innerHTML = hello();
17 | </script>
18 | <br> 
19 | <center>
20 | <p> Creater By <b> Sanusanth </b> </p>
21 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
22 | </center>
23 | </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/Converting Arrays.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array Methods</h2> 
 6 | 
 7 | <h2>toString()</h2>
 8 | 
 9 | <p>The toString() method returns an array as a comma separated string:</p>
10 | 
11 | <p id="demo"></p>
12 | 
13 | <script>
14 | var fruits = ["Banana", "Orange", "Apple", "Mango"];
15 | document.getElementById("demo").innerHTML = fruits.toString();
16 | </script>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/JavaScript Error Handling.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Error Handling</h2>
 6 | 
 7 | <p>This example demonstrates how to use <b>catch</b> to diplay an error.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | try {
13 |   adddlert("Welcome guest!");
14 | }
15 | catch(err) {
16 |   document.getElementById("demo").innerHTML = err.message;
17 | }
18 | </script>
19 | <br> 
20 | <center>
21 | <p> Creater By <b> Sanusanth </b> </p>
22 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
23 | </center>
24 | </body>
25 | </html>
26 | 


--------------------------------------------------------------------------------
/Math.sin().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Math.sin()</h2>
 6 | 
 7 | <p>Math.sin(x) returns the sin of x (given in radians):</p>
 8 | <p>Angle in radians = (angle in degrees) * PI / 180.</p>
 9 | 
10 | <p id="demo"></p>
11 | 
12 | <script>
13 | document.getElementById("demo").innerHTML = 
14 | "The sine value of 90 degrees is " + Math.sin(90 * Math.PI / 180);
15 | </script>
16 | <br> 
17 | <center>
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 


--------------------------------------------------------------------------------
/The valueOf() Method.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Number Methods</h2>
 6 | 
 7 | <p>The valueOf() method returns a number as a number:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var x = 123;
13 | 
14 | document.getElementById("demo").innerHTML = 
15 |   x.valueOf() + "<br>" +
16 |   (123).valueOf() + "<br>" +
17 |   (100 + 23).valueOf();
18 | </script>
19 | <br> 
20 | <center>
21 | <p> Creater By <b> Sanusanth </b> </p>
22 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
23 | </center>
24 | </body>
25 | </html>
26 | 


--------------------------------------------------------------------------------
/Using String search() With a String.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript String Methods</h2>
 6 | 
 7 | <p>Search a string for "W3Schools", and display the position of the match:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var str = "Visit W3Schools!"; 
13 | var n = str.search("W3Schools");
14 | document.getElementById("demo").innerHTML = n;
15 | </script>
16 | <br> 
17 | <center>
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 
24 | 


--------------------------------------------------------------------------------
/Automatic toString().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array Methods</h2> 
 6 | 
 7 | <h2>toString()</h2>
 8 | 
 9 | <p>The toString() method returns an array as a comma separated string:</p>
10 | 
11 | <p id="demo"></p>
12 | 
13 | <script>
14 | var fruits = ["Banana", "Orange", "Apple", "Mango"];
15 | document.getElementById("demo").innerHTML = fruits.toString();
16 | </script>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/JavaScript Number Methods.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Number Methods</h2>
 6 | 
 7 | <p>The toString() method converts a number to a string.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var x = 123;
13 | document.getElementById("demo").innerHTML =
14 |   x.toString() + "<br>" +
15 |    (123).toString() + "<br>" +
16 |    (100 + 23).toString();
17 | </script>
18 | <br> 
19 | <center>
20 | <p> Creater By <b> Sanusanth </b> </p>
21 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
22 | </center>
23 | </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/JavaScript all Type Conversion Table.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p>Converting false to other types:</p>
 6 | 
 7 | <p id="demo" style="font-family:courier"></p>
 8 | 
 9 | <script>
10 | var x = false;
11 | document.getElementById("demo").innerHTML =
12 | "Number : " + Number(x) + "<br>" +
13 | "String : " + String(x) + "<br>" +
14 | "Boolean: " + Boolean(x);
15 | </script>
16 | <br> 
17 | <center>
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 
24 | 
25 | 


--------------------------------------------------------------------------------
/Math.cos().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Math.cos()</h2>
 6 | 
 7 | <p>Math.cos(x) returns the cosine of x (given in radians):</p>
 8 | <p>Angle in radians = (angle in degrees) * PI / 180.</p>
 9 | 
10 | <p id="demo"></p>
11 | 
12 | <script>
13 | document.getElementById("demo").innerHTML = 
14 | "The cosine value of 0 degrees is " + Math.cos(0 * Math.PI / 180);
15 | </script>
16 | <br> 
17 | <center>
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 


--------------------------------------------------------------------------------
/Using Math.max() on an Array.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array Sort</h2>
 6 | 
 7 | <p>The highest number is <span id="demo"></span>.</p>
 8 | 
 9 | <script>
10 | var points = [40, 100, 1, 5, 25, 10];
11 | document.getElementById("demo").innerHTML = myArrayMax(points);
12 | 
13 | function myArrayMax(arr) {
14 |   return Math.max.apply(null, arr);
15 | }
16 | </script>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 
25 | 


--------------------------------------------------------------------------------
/Global Scope.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Scope</h2>
 6 | 
 7 | <p>A GLOBAL variable can be accessed from any script or function.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var carName = "Volvo";
13 | myFunction();
14 | 
15 | function myFunction() {
16 |   document.getElementById("demo").innerHTML = "I can display " + carName;
17 | }
18 | </script>
19 | <br> 
20 | <center>
21 | <p> Creater By <b> Sanusanth </b> </p>
22 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
23 | </center>
24 | </body>
25 | </html>
26 | 
27 | 
28 | 


--------------------------------------------------------------------------------
/javascript Converting Numbers to Strings.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>The JavaScript String() Method</h2>
 6 | 
 7 | <p>The String() method can convert a number to a string.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var x = 123;
13 | document.getElementById("demo").innerHTML =
14 |   String(x) + "<br>" +
15 |   String(123) + "<br>" +
16 |   String(100 + 23);
17 | </script>
18 | <br> 
19 | <center>
20 | <p> Creater By <b> Sanusanth </b> </p>
21 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
22 | </center>
23 | </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/Accessing the First Array Element.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body> 
 4 | 
 5 | <h2>JavaScript Arrays</h2>
 6 | 
 7 | <p>JavaScript array elements are accesses using numeric indexes (starting from 0).</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var fruits = ["Banana", "Orange", "Apple", "Mango"];
13 | var first = fruits[0];
14 | document.getElementById("demo").innerHTML = first;
15 | </script>
16 | <br> 
17 | <center>
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 
24 | 


--------------------------------------------------------------------------------
/Array.find().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array.find()</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var numbers = [4, 9, 16, 25, 29];
11 | var first = numbers.find(myFunction);
12 | 
13 | document.getElementById("demo").innerHTML = "First number over 18 is " + first;
14 | 
15 | function myFunction(value, index, array) {
16 |   return value > 18;
17 | }
18 | </script>
19 | <br> 
20 | <center>
21 | <p> Creater By <b> Sanusanth </b> </p>
22 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
23 | </center> 
24 | </body>
25 | </html>
26 | 


--------------------------------------------------------------------------------
/Booleans Can be Objects.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p>Never create booleans as objects.</p>
 6 | <p>Booleans and objects cannot be safely compared.</p>
 7 | 
 8 | <p id="demo"></p>
 9 | 
10 | <script>
11 | var x = false;         // x is a boolean
12 | var y = new Boolean(false);  // y is an object
13 | document.getElementById("demo").innerHTML = typeof x + "<br>" + typeof y;
14 | </script>
15 | <br> 
16 | <center>
17 | <p> Creater By <b> Sanusanth </b> </p>
18 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
19 | </center> 
20 | </body> 
21 | </html>
22 |  
23 | 


--------------------------------------------------------------------------------
/Using String search() With a Regular Expression.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Regular Expressions</h2>
 6 | 
 7 | <p>Search a string for "w3Schools", and display the position of the match:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var str = "Visit W3Schools!"; 
13 | var n = str.search(/w3Schools/i);
14 | document.getElementById("demo").innerHTML = n;
15 | </script>
16 | <br> 
17 | <center>
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 
24 | 


--------------------------------------------------------------------------------
/Finding a String in a String.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript String Methods</h2>
 6 | 
 7 | <p>The indexOf() method returns the position of the first occurrence of a specified text:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var str = "Please locate where 'locate' occurs!";
13 | var pos = str.indexOf("locate");
14 | document.getElementById("demo").innerHTML = pos;
15 | </script>
16 | <br> 
17 | <center> 
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 


--------------------------------------------------------------------------------
/Logical all Operators.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Comparison</h2>
 6 | 
 7 | <p>The AND operator (&&) returns true if both expressions are true, otherwise it returns false.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var x = 6;
13 | var y = 3;
14 | 
15 | document.getElementById("demo").innerHTML = 
16 | (x < 10 && y > 1) + "<br>" + 
17 | (x < 10 && y < 1);
18 | </script>
19 | <br> 
20 | <center>
21 | <p> Creater By <b> Sanusanth </b> </p>
22 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
23 | </center>
24 | </body>
25 | </html>
26 | 


--------------------------------------------------------------------------------
/Strict Comparison.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript switch</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var x = "0";
11 | 
12 | switch (x) {
13 |   case 0:
14 |     text = "Off";
15 |     break;
16 |   case 1:
17 |     text = "On";
18 |     break;
19 |   default:
20 |     text = "No value found";
21 | }
22 | document.getElementById("demo").innerHTML = text;
23 | </script>
24 | <br> 
25 | <center>
26 | <p> Creater By <b> Sanusanth </b> </p>
27 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
28 | </center>
29 | </body>
30 | </html>
31 | 


--------------------------------------------------------------------------------
/Accessing the Last Array Element.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Arrays</h2>
 6 | 
 7 | <p>JavaScript array elements are accesses using numeric indexes (starting from 0).</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var fruits = ["Banana", "Orange", "Apple", "Mango"];
13 | var last = fruits[fruits.length-1];
14 | document.getElementById("demo").innerHTML = last;
15 | </script>
16 | <br> 
17 | <center>
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 
24 | 


--------------------------------------------------------------------------------
/Global JavaScript Variables.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Scope</h2>
 6 | 
 7 | <p>A GLOBAL variable can be accessed from any script or function.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var carName = "Volvo";
13 | myFunction();
14 | 
15 | function myFunction() {
16 |   document.getElementById("demo").innerHTML = "I can display " + carName;
17 | }
18 | </script>
19 | <br> 
20 | <center>
21 | <p> Creater By <b> Sanusanth </b> </p>
22 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
23 | </center>
24 | </body>
25 | </html>
26 | 
27 | 
28 | 


--------------------------------------------------------------------------------
/Global Variables in HTML1.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Global Variables</h2>
 6 | 
 7 | <p>In HTML, global variables defined with <b>var</b>, will become window variables.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var carName = "Volvo";
13 | 
14 | // code here can use window.carName
15 | document.getElementById("demo").innerHTML = "I can display " + window.carName;
16 | </script>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/Merging an Array with Values.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array Methods</h2>
 6 | 
 7 | <h2>concat()</h2>
 8 | 
 9 | <p>The concat() method can also merge string values to arrays:</p>
10 | 
11 | <p id="demo"></p>
12 | 
13 | <script>
14 | var arr1 = ["Emil", "Tobias", "Linus"];
15 | var myChildren = arr1.concat("Sanus"); 
16 | document.getElementById("demo").innerHTML = myChildren;
17 | </script>
18 | <br> 
19 | <center>
20 | <p> Creater By <b> Sanusanth </b> </p>
21 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
22 | </center>
23 | </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/javascript The Break Statement.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Loops</h2>
 6 | 
 7 | <p>A loop with a <b>break</b> statement.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var text = "";
13 | var i;
14 | for (i = 0; i < 10; i++) {
15 |   if (i === 3) { break; }
16 |   text += "The number is " + i + "<br>";
17 | }
18 | document.getElementById("demo").innerHTML = text;
19 | </script>
20 | <br> 
21 | <center>
22 | <p> Creater By <b> Sanusanth </b> </p>
23 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
24 | </center>
25 | </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/Global Variables in HTML.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Scope</h2>
 6 | 
 7 | <p>In HTML, global variables defined with <b>var</b>, will become window variables.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var carName = "Volvo";
13 | 
14 | // code here can use window.carName
15 | document.getElementById("demo").innerHTML = "I can display " + window.carName;
16 | </script>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 
25 | 
26 | 


--------------------------------------------------------------------------------
/Array.findIndex().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array.findIndex()</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var numbers = [4, 9, 16, 25, 29];
11 | var first = numbers.findIndex(myFunction);
12 | 
13 | document.getElementById("demo").innerHTML = "First number over 18 has index " + first;
14 | 
15 | function myFunction(value, index, array) {
16 |   return value > 18;
17 | }
18 | </script>
19 | <br> 
20 | <center>
21 | <p> Creater By <b> Sanusanth </b> </p>
22 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
23 | </center>
24 | </body>
25 | </html>
26 | 


--------------------------------------------------------------------------------
/Array.indexOf().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array.indexOf()</h2>
 6 | 
 7 | 
 8 | <p id="demo"></p>
 9 | 
10 | <script>
11 | var fruits = ["Apple", "Orange", "Apple", "Mango"];
12 | var a = fruits.indexOf("Apple");
13 | document.getElementById("demo").innerHTML = "Apple is found in position " + a;
14 | </script>
15 | 
16 | <p>The indexOf() does not work in Internet Explorer 8 and earlier versions.</p>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/Arrow Function Without Parentheses.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Arrow Function</h2>
 6 | 
 7 | <p>This example shows that if you have only one parameter in an Arrow Function, you can skip the parentheses.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var hello;
13 | 
14 | hello = val => "Hello " + val;
15 | 
16 | document.getElementById("demo").innerHTML = hello("Universe!");
17 | </script>
18 | <br> 
19 | <center>
20 | <p> Creater By <b> Sanusanth </b> </p>
21 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
22 | </center>
23 | </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/Searching for a String in a String.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript String Methods</h2>
 6 | 
 7 | <p>The search() method returns the position of the first occurrence of a specified text in a string:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var str = "Please locate where 'locate' occurs!";
13 | var pos = str.search("locate");
14 | document.getElementById("demo").innerHTML = pos;
15 | </script>
16 | <br> 
17 | <center>
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 
24 | 


--------------------------------------------------------------------------------
/JavaScript ForIn Loop.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript For/In Loop</h2>
 6 | 
 7 | <p>The for/in statement loops through the properties of an object.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var txt = "";
13 | var person = {fname:"Sanu", lname:"santh", age:25}; 
14 | var x;
15 | for (x in person) {
16 |   txt += person[x] + " ";
17 | }
18 | document.getElementById("demo").innerHTML = txt;
19 | </script>
20 | <br> 
21 | <center>
22 | <p> Creater By <b> Sanusanth </b> </p>
23 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
24 | </center>
25 | </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/Array.lastIndexOf().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array.lastIndexOf()</h2>
 6 | 
 7 | 
 8 | <p id="demo"></p>
 9 | 
10 | <script>
11 | var fruits = ["Apple", "Orange", "Apple", "Mango"];
12 | var a = fruits.lastIndexOf("Apple");
13 | document.getElementById("demo").innerHTML = "Apple is found in position " + (a + 1);
14 | </script>
15 | 
16 | <p>The lastIndexOf() does not work in Internet Explorer 8 and earlier versions.</p>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/Compare Dates js array.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p id="demo"></p>
 6 | 
 7 | <script>
 8 | var today, someday, text;
 9 | today = new Date();
10 | someday = new Date();
11 | someday.setFullYear(2100, 0, 14);
12 | 
13 | if (someday > today) {
14 |   text = "Today is before January 14, 2100.";
15 | } else {
16 |   text = "Today is after January 14, 2100.";
17 | }
18 | document.getElementById("demo").innerHTML = text;
19 | </script>
20 | <br> 
21 | <center>
22 | <p> Creater By <b> Sanusanth </b> </p>
23 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
24 | </center>
25 | </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/Automatically Global.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p>If you assign a value to a variable that has not been declared, it will automatically become a GLOBAL variable:</p>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | myFunction();
11 | // code here can use carName as a global variable
12 | document.getElementById("demo").innerHTML = "I can display " + carName;
13 | function myFunction() {
14 |   carName = "Volvo";
15 | }
16 | </script>
17 | <br> 
18 | <center>
19 | <p> Creater By <b> Sanusanth </b> </p>
20 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
21 | </center>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/JavaScript Labels.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript break</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var cars = ["BMW", "Volvo", "Saab", "Ford"];
11 | var text = "";
12 | 
13 | list: {
14 |   text += cars[0] + "<br>"; 
15 |   text += cars[1] + "<br>"; 
16 |   break list;
17 |   text += cars[2] + "<br>"; 
18 |   text += cars[3] + "<br>"; 
19 | }
20 | 
21 | document.getElementById("demo").innerHTML = text;
22 | </script>
23 | <br> 
24 | <center>
25 | <p> Creater By <b> Sanusanth </b> </p>
26 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
27 | </center>
28 | </body>
29 | </html>
30 | 


--------------------------------------------------------------------------------
/Array.forEach().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array.forEach()</h2>
 6 | 
 7 | <p>Calls a function once for each array element.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var txt = "";
13 | var numbers = [45, 4, 9, 16, 25];
14 | numbers.forEach(myFunction);
15 | document.getElementById("demo").innerHTML = txt;
16 | 
17 | function myFunction(value, index, array) {
18 |   txt = txt + value + "<br>"; 
19 | }
20 | </script>
21 | <br> 
22 | <center> 
23 | <p> Creater By <b> Sanusanth </b> </p>
24 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
25 | </center>
26 | </body>  
27 | </html>
28 | 


--------------------------------------------------------------------------------
/Slicing an Array.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array Methods</h2>
 6 | 
 7 | <h2>slice()</h2>
 8 | 
 9 | <p>This example slices out a part of an array starting from array element 1 ("Orange"):</p>
10 | 
11 | <p id="demo"></p>
12 | 
13 | <script>
14 | var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
15 | var citrus = fruits.slice(1);
16 | document.getElementById("demo").innerHTML = fruits + "<br><br>" + citrus;
17 | </script>
18 | <br> 
19 | <center>
20 | <p> Creater By <b> Sanusanth </b> </p>
21 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
22 | </center>
23 | </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/The default Keyword.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript switch</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var text;
11 | switch (new Date().getDay()) {
12 |   case 6:
13 |     text = "Today is Saturday";
14 |     break;
15 |   case 0:
16 |     text = "Today is Sunday";
17 |     break;
18 |   default:
19 |     text = "Looking forward to the Weekend";
20 | }
21 | document.getElementById("demo").innerHTML = text;
22 | </script>
23 | <br> 
24 | <center>
25 | <p> Creater By <b> Sanusanth </b> </p>
26 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
27 | </center>
28 | </body>
29 | </html>
30 | 


--------------------------------------------------------------------------------
/Array.filter().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array.filter()</h2>
 6 | 
 7 | <p>Creates a new array with all array elements that passes a test.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var numbers = [45, 4, 9, 16, 25];
13 | var over18 = numbers.filter(myFunction);
14 | 
15 | document.getElementById("demo").innerHTML = over18;
16 | 
17 | function myFunction(value, index, array) {
18 |   return value > 18;
19 | }
20 | </script>
21 | <br> 
22 | <center>
23 | <p> Creater By <b> Sanusanth </b> </p>
24 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
25 | </center>
26 | </body>
27 | </html>
28 | 


--------------------------------------------------------------------------------
/Merging (Concatenating) Arrays.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array Methods</h2>
 6 | 
 7 | <h2>concat()</h2>
 8 | 
 9 | <p>The concat() method is used to merge (concatenate) arrays:</p>
10 | 
11 | <p id="demo"></p>
12 | 
13 | <script>
14 | var myGirls = ["Cecilie", "Lone"];
15 | var myBoys = ["Emil", "Tobias", "Linus"];
16 | var myChildren = myGirls.concat(myBoys);
17 | 
18 | document.getElementById("demo").innerHTML = myChildren;
19 | </script>
20 | <br> 
21 | <center>
22 | <p> Creater By <b> Sanusanth </b> </p>
23 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
24 | </center>
25 | </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/The Unary + Operator.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>The JavaScript typeof Operator</h2>
 6 | 
 7 | <p>The typeof operator returns the type of a variable or expression.</p>
 8 | 
 9 | <button onclick="myFunction()">Try it</button>
10 | 
11 | <p id="demo"></p>
12 | 
13 | <script>
14 | function myFunction() {
15 |   var y = "5";
16 |   var x = + y;
17 |   document.getElementById("demo").innerHTML = typeof y + "<br>" + typeof x;
18 | }
19 | </script>
20 | <br> 
21 | <center>
22 | <p> Creater By <b> Sanusanth </b> </p>
23 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
24 | </center>
25 | </body>
26 | </html>
27 | 
28 | 
29 | 


--------------------------------------------------------------------------------
/Function Scope.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Scope</h2>
 6 | 
 7 | <p>Outside myFunction() carName is undefined.</p>
 8 | 
 9 | <p id="demo1"></p>
10 | 
11 | <p id="demo2"></p>
12 | 
13 | <script>
14 | myFunction();
15 | 
16 | function myFunction() {
17 |   var carName = "Volvo";
18 |   document.getElementById("demo1").innerHTML = typeof carName + " " + carName;
19 | }
20 | document.getElementById("demo2").innerHTML = typeof carName;
21 | </script>
22 | <br> 
23 | <center>
24 | <p> Creater By <b> Sanusanth </b> </p>
25 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
26 | </center>
27 | </body>
28 | </html>
29 | 


--------------------------------------------------------------------------------
/Popping and Pushing array.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array Methods</h2>
 6 | 
 7 | <h2>pop()</h2>
 8 | 
 9 | <p>The pop() method removes the last element from an array.</p>
10 | 
11 | <p id="demo1"></p>
12 | <p id="demo2"></p>
13 | 
14 | <script>
15 | var fruits = ["Banana", "Orange", "Apple", "Mango"];
16 | document.getElementById("demo1").innerHTML = fruits;
17 | fruits.pop();
18 | document.getElementById("demo2").innerHTML = fruits;
19 | </script>
20 | <br> 
21 | <center>
22 | <p> Creater By <b> Sanusanth </b> </p>
23 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
24 | </center>
25 | </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/Array.reduce().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array.reduce()</h2>
 6 | 
 7 | <p>This example finds the sum of all numbers in an array:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var numbers = [45, 4, 9, 16, 25];
13 | var sum = numbers.reduce(myFunction);
14 | 
15 | document.getElementById("demo").innerHTML = "The sum is " + sum;
16 | 
17 | function myFunction(total, value, index, array) {
18 |   return total + value;
19 | }
20 | </script>
21 | <br> 
22 | <center>
23 | <p> Creater By <b> Sanusanth </b> </p>
24 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
25 | </center>
26 | </body> 
27 | </html>
28 | 


--------------------------------------------------------------------------------
/The parseFloat() Method.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Global Methods</h2>
 6 | 
 7 | <p>The parseFloat() method converts strings to numbers:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | document.getElementById("demo").innerHTML = 
13 |   parseFloat("10") + "<br>" +
14 |   parseFloat("10.33") + "<br>" +
15 |   parseFloat("10 6") + "<br>" +  
16 |   parseFloat("10 years") + "<br>" +
17 |   parseFloat("years 10");    
18 | </script>
19 | <br> 
20 | <center>
21 | <p> Creater By <b> Sanusanth </b> </p>
22 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
23 | </center>
24 | </body>
25 | </html>
26 | 
27 | 
28 | 


--------------------------------------------------------------------------------
/Array.every().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array.every()</h2>
 6 | 
 7 | <p>The every() method checks if all array values pass a test.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var numbers = [45, 4, 9, 16, 25];
13 | var allOver18 = numbers.every(myFunction);
14 | 
15 | document.getElementById("demo").innerHTML = "All over 18 is " + allOver18;
16 | 
17 | function myFunction(value, index, array) {
18 |   return value > 18;
19 | }
20 | </script>
21 | <br> 
22 | <center>
23 | <p> Creater By <b> Sanusanth </b> </p>
24 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
25 | </center>
26 | </body>
27 | </html>
28 | 


--------------------------------------------------------------------------------
/Array.some().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array.some()</h2>
 6 | 
 7 | <p>The some() method checks if some array values pass a test.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var numbers = [45, 4, 9, 16, 25];
13 | var someOver18 = numbers.some(myFunction);
14 | 
15 | document.getElementById("demo").innerHTML = "Some over 18 is " + someOver18;
16 | 
17 | function myFunction(value, index, array) {
18 |   return value > 18;
19 | } 
20 | </script>
21 | <br> 
22 | <center>
23 | <p> Creater By <b> Sanusanth </b> </p>
24 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
25 | </center>
26 | </body>
27 | </html>
28 | 


--------------------------------------------------------------------------------
/Local JavaScript Variables.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Scope</h2>
 6 | 
 7 | <p>Outside myFunction() carName is undefined.</p>
 8 | 
 9 | <p id="demo1"></p>
10 | 
11 | <p id="demo2"></p>
12 | 
13 | <script>
14 | myFunction();
15 | 
16 | function myFunction() {
17 |   var carName = "Volvo";
18 |   document.getElementById("demo1").innerHTML = typeof carName + " " + carName;
19 | }
20 | document.getElementById("demo2").innerHTML = typeof carName;
21 | </script>
22 | <br> 
23 | <center>
24 | <p> Creater By <b> Sanusanth </b> </p>
25 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
26 | </center>
27 | </body>
28 | </html>
29 | 


--------------------------------------------------------------------------------
/The parseInt() Method.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Global Functions</h2>
 6 | 
 7 | <p>The global JavaScript function parseInt() converts strings to numbers:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | document.getElementById("demo").innerHTML = 
13 |   parseInt("10") + "<br>" +
14 |   parseInt("10.33") + "<br>" +
15 |   parseInt("10 6") + "<br>" +  
16 |   parseInt("10 years") + "<br>" +  
17 |   parseInt("years 10");  
18 | </script>
19 | <br> 
20 | <center>
21 | <p> Creater By <b> Sanusanth </b> </p>
22 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
23 | </center>
24 | </body>
25 | </html>
26 | 
27 | 
28 | 


--------------------------------------------------------------------------------
/calculation and then display.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Callbacks</h2>
 6 | 
 7 | <p>Do a calculation and then display the result.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | function myDisplayer(some) {
13 |   document.getElementById("demo").innerHTML = some;
14 | }
15 | 
16 | function myCalculator(num1, num2, myCallback) {
17 |   let sum = num1 + num2;
18 |   myCallback(sum);
19 | }
20 | 
21 | myCalculator(5, 5, myDisplayer);
22 | </script>
23 | <br> 
24 | <center>
25 | <p> Creater By <b> Sanusanth </b> </p>
26 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
27 | </center>
28 | </body>
29 | </html>
30 | 


--------------------------------------------------------------------------------
/Array.reduceRight().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array.reduceRight()</h2>
 6 | 
 7 | <p>This example finds the sum of all numbers in an array:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var numbers = [45, 4, 9, 16, 25];
13 | var sum = numbers.reduceRight(myFunction);
14 | 
15 | document.getElementById("demo").innerHTML = "The sum is " + sum;
16 | 
17 | function myFunction(total, value, index, array) {
18 |   return total + value;
19 | }
20 | </script>
21 | <br> 
22 | <center>
23 | <p> Creater By <b> Sanusanth </b> </p>
24 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
25 | </center>
26 | </body>
27 | </html>
28 | 


--------------------------------------------------------------------------------
/Common Code Blocks.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript switch</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var text;
11 | switch (new Date().getDay()) {
12 |   case 4:
13 |   case 5:
14 |     text = "Soon it is Weekend";
15 |     break;
16 |   case 0:
17 |   case 6:
18 |     text = "It is Weekend";
19 |     break;
20 |   default:
21 |     text = "Looking forward to the Weekend";
22 | }
23 | document.getElementById("demo").innerHTML = text;
24 | </script>
25 | <br> 
26 | <center>
27 | <p> Creater By <b> Sanusanth </b> </p>
28 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
29 | </center>
30 | </body>
31 | </html>
32 | 


--------------------------------------------------------------------------------
/JavaScript Statements.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Statements</h2>
 6 | 
 7 | <p>A <b>JavaScript program</b> is a list of <b>statements</b> to be executed by a computer.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var x, y, z;  // Statement 1
13 | x = 5;        // Statement 2
14 | y = 6;        // Statement 3
15 | z = x + y;    // Statement 4
16 | 
17 | document.getElementById("demo").innerHTML =
18 | "The value of z is " + z + ".";  
19 | </script>
20 | <br> 
21 | <center>
22 | <p> Creater By <b> Sanusanth </b> </p>
23 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
24 | </center>
25 | </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/javascript The Continue Statement.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Loops</h2>
 6 | 
 7 | <p>A loop with a <b>continue</b> statement.</p>
 8 | 
 9 | <p>A loop which will skip the step where i = 3.</p>
10 | 
11 | <p id="demo"></p>
12 | 
13 | <script>
14 | var text = "";
15 | var i;
16 | for (i = 0; i < 10; i++) {
17 |   if (i === 3) { continue; }
18 |   text += "The number is " + i + "<br>";
19 | }
20 | document.getElementById("demo").innerHTML = text;
21 | </script>
22 | <br> 
23 | <center>
24 | <p> Creater By <b> Sanusanth </b> </p>
25 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
26 | </center>
27 | </body>
28 | </html>
29 | 


--------------------------------------------------------------------------------
/javasript JavaScript Callbacks.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Callbacks</h2>
 6 | 
 7 | <p>Do a calculation and then display the result.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | function myDisplayer(some) {
13 |   document.getElementById("demo").innerHTML = some;
14 | }
15 | 
16 | function myCalculator(num1, num2, myCallback) {
17 |   let sum = num1 + num2;
18 |   myCallback(sum);
19 | }
20 | 
21 | myCalculator(5, 5, myDisplayer);
22 | </script>
23 | <br> 
24 | <center>
25 | <p> Creater By <b> Sanusanth </b> </p>
26 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
27 | </center>
28 | </body>
29 | </html>
30 | 


--------------------------------------------------------------------------------
/JavaScript Closures.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Closures</h2>
 6 | 
 7 | <p>Counting with a local variable.</p>
 8 | 
 9 | <button type="button" onclick="myFunction()">Count!</button>
10 | 
11 | <p id="demo">0</p>
12 | 
13 | <script>
14 | var add = (function () {
15 |   var counter = 0;
16 |   return function () {counter += 1; return counter;}
17 | })();
18 | 
19 | function myFunction(){
20 |   document.getElementById("demo").innerHTML = add();
21 | }
22 | </script>
23 | <br> 
24 | <center>
25 | <p> Creater By <b> Sanusanth </b> </p>
26 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
27 | </center>
28 | </body>
29 | </html>
30 | 


--------------------------------------------------------------------------------
/javascript Sequence Control.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Functions</h2>
 6 | 
 7 | <p>Do a calculation and then display the result.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | function myDisplayer(some) {
13 |   document.getElementById("demo").innerHTML = some;
14 | }
15 | 
16 | function myCalculator(num1, num2) {
17 |   let sum = num1 + num2;
18 |   return sum;
19 | }
20 | 
21 | let result = myCalculator(5, 5);
22 | myDisplayer(result);
23 | </script>
24 | <br> 
25 | <center>
26 | <p> Creater By <b> Sanusanth </b> </p>
27 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
28 | </center>
29 | </body>
30 | </html>
31 | 


--------------------------------------------------------------------------------
/Adding a Property.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Object.defineProperty()</h2>
 6 | 
 7 | <p>This example adds a new property to an object.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | // Create an object:
13 | var person = {
14 |   firstName: "Sanu", 
15 |   lastName : "santh",
16 |   language : "EN"
17 | };
18 | // Add a property
19 | Object.defineProperty(person, "year", {value:"2008"})
20 | document.getElementById("demo").innerHTML = person.year;
21 | </script>
22 | <br> 
23 | <center>
24 | <p> Creater By <b> Sanusanth </b> </p> 
25 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
26 | </center>
27 | </body>
28 | </html>
29 | 


--------------------------------------------------------------------------------
/Changing a Property Value.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Object.defineProperty()</h2>
 6 | 
 7 | <p>This example changes a property value.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | // Create an object:
13 | var person = {
14 |   firstName: "Sanu",
15 |   lastName : "santh",
16 |   language : "EN" 
17 | };
18 | // Change a property
19 | Object.defineProperty(person, "language", {value:"NO"})
20 | document.getElementById("demo").innerHTML = person.language;
21 | </script>
22 | <br> 
23 | <center>
24 | <p> Creater By <b> Sanusanth </b> </p>
25 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
26 | </center>
27 | </body>
28 | </html>
29 | 


--------------------------------------------------------------------------------
/Constant Arrays can Change.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript const</h2>
 6 | 
 7 | <p>Declaring a constant array does NOT make the elements unchangeble:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | // Create an Array:
13 | const cars = ["Saab", "Volvo", "BMW"];
14 | 
15 | // Change an element:
16 | cars[0] = "Toyota";
17 | 
18 | // Add an element:
19 | cars.push("Audi");
20 | 
21 | // Display the Array:
22 | document.getElementById("demo").innerHTML = cars; 
23 | </script>
24 | <br> 
25 | <center>
26 | <p> Creater By <b> Sanusanth </b> </p>
27 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
28 | </center>
29 | </body>
30 | </html>
31 | 


--------------------------------------------------------------------------------
/Deleting Elements.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array Methods</h2>
 6 | 
 7 | <p>Deleting elements leaves undefined holes in an array.</p>
 8 | 
 9 | <p id="demo1"></p>
10 | <p id="demo2"></p>
11 | 
12 | <script>
13 | var fruits = ["Banana", "Orange", "Apple", "Mango"];
14 | document.getElementById("demo1").innerHTML =
15 | "The first fruit is: " + fruits[0];
16 | delete fruits[0];
17 | document.getElementById("demo2").innerHTML =
18 | "The first fruit is: " + fruits[0];
19 | </script>
20 | <br> 
21 | <center>
22 | <p> Creater By <b> Sanusanth </b> </p>
23 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
24 | </center>
25 | </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/Sorting an Array.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array Sort</h2>
 6 | 
 7 | <p>The sort() method sorts an array alphabetically.</p>
 8 | 
 9 | <button onclick="myFunction()">Try it</button>
10 | 
11 | <p id="demo"></p>
12 | 
13 | <script>
14 | var fruits = ["Banana", "Orange", "Apple", "Mango"];
15 | document.getElementById("demo").innerHTML = fruits;
16 | 
17 | function myFunction() {
18 |   fruits.sort();
19 |   document.getElementById("demo").innerHTML = fruits;
20 | }
21 | </script>
22 | <br> 
23 | <center>
24 | <p> Creater By <b> Sanusanth </b> </p>
25 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
26 | </center>
27 | </body>
28 | </html>
29 | 


--------------------------------------------------------------------------------
/The else Statement.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p>Click the button to display a time-based greeting:</p>
 6 | 
 7 | <button onclick="myFunction()">Try it</button>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | function myFunction() {
13 |   var hour = new Date().getHours(); 
14 |   var greeting;
15 |   if (hour < 18) {
16 |     greeting = "Good day";
17 |   } else {
18 |     greeting = "Good evening";
19 |   }
20 |   document.getElementById("demo").innerHTML = greeting;
21 | }
22 | </script>
23 | <br> 
24 | <center>
25 | <p> Creater By <b> Sanusanth </b> </p>
26 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
27 | </center>
28 | </body>
29 | </html>
30 | 


--------------------------------------------------------------------------------
/A Proper Random Function.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Math.random()</h2>
 6 | 
 7 | <p>Every time you click the button, getRndInteger(min, max) returns a random number between 0 
 8 | and 9 (both included):</p>
 9 | 
10 | <button onclick="document.getElementById('demo').innerHTML = getRndInteger(0,10)">Click Me</button>
11 | 
12 | <p id="demo"></p>
13 | 
14 | <script>
15 | 
16 | function getRndInteger(min, max) {
17 |   return Math.floor(Math.random() * (max - min)) + min;
18 | }
19 | </script>
20 | <br> 
21 | <center>
22 | <p> Creater By <b> Sanusanth </b> </p> 
23 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
24 | </center>
25 | </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/The getMonth() Method.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript getMonth()</h2>
 6 | 
 7 | <p>The getMonth() method returns the month as a number:</p>
 8 | 
 9 | <p>You can use an array to display the name of the month:</p>
10 | 
11 | <p id="demo"></p>
12 | 
13 | <script>
14 | var d = new Date();
15 | var months = ["January","February","March","April","May","June","July","August","September","October","November","December"];
16 | document.getElementById("demo").innerHTML = months[d.getMonth()];
17 | </script>
18 | <br> 
19 | <center>
20 | <p> Creater By <b> Sanusanth </b> </p>
21 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
22 | </center>
23 | </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/Adding Array Elements.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html> 
 3 | <body>
 4 | 
 5 | <h2>JavaScript Arrays</h2>
 6 | 
 7 | <p>The push method appends a new element to an array.</p>
 8 | 
 9 | <button onclick="myFunction()">Try it</button>
10 | 
11 | <p id="demo"></p>
12 | 
13 | <script>
14 | var fruits = ["Banana", "Orange", "Apple", "Mango"];
15 | document.getElementById("demo").innerHTML = fruits;
16 | 
17 | function myFunction() {
18 |   fruits.push("Lemon");
19 |   document.getElementById("demo").innerHTML = fruits;
20 | }
21 | </script>
22 | <br> 
23 | <center>
24 | <p> Creater By <b> Sanusanth </b> </p> 
25 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
26 | </center>
27 | </body>
28 | </html>
29 | 
30 | 


--------------------------------------------------------------------------------
/Numeric Sort.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array Sort</h2>
 6 | 
 7 | <p>Click the button to sort the array in ascending order.</p>
 8 | 
 9 | <button onclick="myFunction()">Try it</button>
10 | 
11 | <p id="demo"></p>
12 | 
13 | <script>
14 | var points = [40, 100, 1, 5, 25, 10];
15 | document.getElementById("demo").innerHTML = points;  
16 | 
17 | function myFunction() {
18 |   points.sort(function(a, b){return a - b});
19 |   document.getElementById("demo").innerHTML = points;
20 | }
21 | </script>
22 | <br> 
23 | <center>
24 | <p> Creater By <b> Sanusanth </b> </p>
25 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
26 | </center>
27 | </body>
28 | </html>
29 | 


--------------------------------------------------------------------------------
/javascript Function Sequence.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Function Sequence</h2>
 6 | 
 7 | <p>JavaScript functions are executed in the sequence they are called.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | function myDisplayer(some) {
13 |   document.getElementById("demo").innerHTML = some;
14 | }
15 | 
16 | function myFirst() {
17 |   myDisplayer("Hello");
18 | }
19 | 
20 | function mySecond() {
21 |   myDisplayer("Goodbye");
22 | }
23 | 
24 | myFirst();
25 | mySecond();
26 | </script>
27 | <br> 
28 | <center>
29 | <p> Creater By <b> Sanusanth </b> </p>
30 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
31 | </center>
32 | </body>
33 | </html>
34 | 


--------------------------------------------------------------------------------
/My Min  Max JavaScript Methods.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array Sort</h2>
 6 | 
 7 | <p>The highest number is <span id="demo"></span>.</p>
 8 | 
 9 | <script>
10 | var points = [40, 100, 1, 5, 25, 10];
11 | document.getElementById("demo").innerHTML = myArrayMax(points);
12 | 
13 | function myArrayMax(arr) {
14 |   var len = arr.length;
15 |   var max = -Infinity;
16 |   while (len--) {
17 |     if (arr[len] > max) {
18 |       max = arr[len];
19 |     }
20 |   }
21 |   return max;
22 | }
23 | </script>
24 | <br> 
25 | <center>
26 | <p> Creater By <b> Sanusanth </b> </p>
27 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
28 | </center>
29 | </body>
30 | </html>
31 | 
32 | 


--------------------------------------------------------------------------------
/The Light Bulb.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>What Can JavaScript Do?</h2>
 6 | 
 7 | <p>JavaScript can change HTML attribute values.</p>
 8 | 
 9 | <p>In this case JavaScript changes the value of the src (source) attribute of an image.</p>
10 | 
11 | <button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">Turn on the light</button>
12 | 
13 | <img id="myImage" src="pic_bulboff.gif" style="width:100px">
14 | 
15 | <button onclick="document.getElementById('myImage').src='pic_bulboff.gif'">Turn off the light</button>
16 | <br> 
17 | <center>
18 | <p> Creater By <b> Sanusanth </b> </p>
19 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
20 | </center>
21 | </body>
22 | </html>
23 | 


--------------------------------------------------------------------------------
/Looping Array Elements.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Arrays</h2>
 6 | 
 7 | <p>The best way to loop through an array is using a standard for loop:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var fruits, text, fLen, i;
13 | fruits = ["Banana", "Orange", "Apple", "Mango"];
14 | fLen = fruits.length;
15 | 
16 | text = "<ul>";
17 | for (i = 0; i < fLen; i++) {
18 |   text += "<li>" + fruits[i] + "</li>";
19 | }
20 | text += "</ul>";
21 | 
22 | document.getElementById("demo").innerHTML = text;
23 | </script>
24 | <br> 
25 | <center>
26 | <p> Creater By <b> Sanusanth </b> </p>
27 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
28 | </center>
29 | </body>
30 | </html>
31 | 


--------------------------------------------------------------------------------
/Don't Use new Object().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p id="demo"></p>
 6 | 
 7 | <script>
 8 | var x1 = {};
 9 | var x2 = "";
10 | var x3 = 0;
11 | var x4 = false;
12 | var x5 = [];
13 | var x6 = /()/;
14 | var x7 = function(){};
15 | 
16 | document.getElementById("demo").innerHTML =
17 | "x1: " + typeof x1 + "<br>" +
18 | "x2: " + typeof x2 + "<br>" +
19 | "x3: " + typeof x3 + "<br>" +
20 | "x4: " + typeof x4 + "<br>" +
21 | "x5: " + typeof x5 + "<br>" +
22 | "x6: " + typeof x6 + "<br>" +
23 | "x7: " + typeof x7 + "<br>";
24 | </script>
25 | <br> 
26 | <center>
27 | <p> Creater By <b> Sanusanth </b> </p>
28 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
29 | </center>
30 | </body>
31 | </html>
32 | 


--------------------------------------------------------------------------------
/javascript A Counter Dilemma.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Function Closures</h2>
 6 | 
 7 | <p>Counting with a global variable.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | // Initiate counter
13 | var counter = 0;
14 | 
15 | // Function to increment counter
16 | function add() {
17 |   counter += 1;
18 | }
19 | 
20 | // Call add() 3 times
21 | add();
22 | add();
23 | add();
24 | 
25 | // The counter should now be 3
26 | document.getElementById("demo").innerHTML = "The counter is: " + counter;
27 | </script>
28 | <br> 
29 | <center>
30 | <p> Creater By <b> Sanusanth </b> </p>
31 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
32 | </center>
33 | </body>
34 | </html>
35 | 


--------------------------------------------------------------------------------
/Listing Enumerable Properties.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Object.keys()</h2>
 6 | 
 7 | <p>This example list the enumerable properties of an object.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | // Create an object:
13 | var person = {
14 |   firstName: "Sanu",
15 |   lastName : "santh",
16 |   language : "EN"
17 | }
18 | // Change Property
19 | Object.defineProperty(person, "language", {enumerable:false});
20 | // Display Properties
21 | document.getElementById("demo").innerHTML = Object.keys(person);
22 | </script>
23 | <br> 
24 | <center>
25 | <p> Creater By <b> Sanusanth </b> </p>
26 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
27 | </center>
28 | </body>
29 | </html>
30 | 


--------------------------------------------------------------------------------
/The JavaScript apply() Method.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Functions</h2>
 6 | <p>In this example the fulllName method of person is <b>applied</b> on person1:</p>
 7 | 
 8 | <p id="demo"></p>
 9 | 
10 | <script>
11 | var person = {
12 |   fullName: function() {
13 |     return this.firstName + " " + this.lastName;
14 |   }
15 | }
16 | var person1 = {
17 |   firstName:"John",
18 |   lastName: "Doe"
19 | }
20 | var x = person.fullName.apply(person1); 
21 | document.getElementById("demo").innerHTML = x; 
22 | </script>
23 | <br> 
24 | <center>
25 | <p> Creater By <b> Sanusanth </b> </p>
26 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
27 | </center>
28 | </body>
29 | </html>
30 | 
31 | 
32 | 


--------------------------------------------------------------------------------
/Using String replace() With a String.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | <body>
 5 | 
 6 | <h2>JavaScript String Methods</h2>
 7 | 
 8 | <p>Replace "Microsoft" with "W3Schools" in the paragraph below:</p>
 9 | 
10 | <button onclick="myFunction()">Try it</button>
11 | 
12 | <p id="demo">Please visit Microsoft!</p>
13 | 
14 | <script>
15 | function myFunction() {
16 |   var str = document.getElementById("demo").innerHTML; 
17 |   var txt = str.replace("Microsoft","W3Schools");
18 |   document.getElementById("demo").innerHTML = txt;
19 | }
20 | </script>
21 | <br> 
22 | <center>
23 | <p> Creater By <b> Sanusanth </b> </p>
24 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
25 | </center>
26 | </body>
27 | </html>
28 | 
29 | 
30 | 


--------------------------------------------------------------------------------
/JavaScript Function or Getter.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Object Method</h2>
 6 | 
 7 | <p>Object data can be accessed using property stored as a function.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | // Create an object:
13 | var person = {
14 |   firstName: "Sanu",
15 |   lastName : "santh",
16 |   fullName : function() {
17 |     return this.firstName + " " + this.lastName;
18 |   }
19 | };
20 | // Display data from the object using a method:
21 | document.getElementById("demo").innerHTML = person.fullName();
22 | </script>
23 | <br> 
24 | <center>
25 | <p> Creater By <b> Sanusanth </b> </p>
26 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
27 | </center>
28 | </body>
29 | </html>
30 | 


--------------------------------------------------------------------------------
/Listing All Properties.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Object.getOwnPropertyNames()</h2>
 6 | 
 7 | <p>This example list the properties of an object.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | // Create an object:
13 | var person = {
14 |   firstName: "Sanu",
15 |   lastName : "santh",
16 |   language : "EN"
17 | }
18 | // Change Property
19 | Object.defineProperty(person, "language", {enumerable:false});
20 | // Display Properties
21 | document.getElementById("demo").innerHTML = Object.getOwnPropertyNames(person);
22 | </script>
23 | <br> 
24 | <center>
25 | <p> Creater By <b> Sanusanth </b> </p>
26 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
27 | </center>
28 | </body>
29 | </html>
30 | 


--------------------------------------------------------------------------------
/Using splice() to Remove Elements.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array Methods</h2>
 6 | 
 7 | <h2>splice()</h2>
 8 | 
 9 | <p>The splice() methods can be used to remove array elements.</p>
10 | 
11 | <button onclick="myFunction()">Try it</button>
12 | 
13 | <p id="demo"></p>
14 | 
15 | <script>
16 | var fruits = ["Banana", "Orange", "Apple", "Mango"];
17 | document.getElementById("demo").innerHTML = fruits;
18 | function myFunction() {
19 |   fruits.splice(0, 1);
20 |   document.getElementById("demo").innerHTML = fruits;
21 | }
22 | </script>
23 | <br> 
24 | <center>
25 | <p> Creater By <b> Sanusanth </b> </p>
26 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
27 | </center>
28 | </body>
29 | </html>
30 | 


--------------------------------------------------------------------------------
/Sorting an Array in Random Order.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array Sort</h2>
 6 | 
 7 | <p>Click the button (again and again) to sort the array in random order.</p>
 8 | 
 9 | <button onclick="myFunction()">Try it</button>
10 | 
11 | <p id="demo"></p>
12 | 
13 | <script>
14 | var points = [40, 100, 1, 5, 25, 10];
15 | document.getElementById("demo").innerHTML = points;  
16 | 
17 | function myFunction() {
18 |   points.sort(function(a, b){return 0.5 - Math.random()});
19 |   document.getElementById("demo").innerHTML = points;
20 | }
21 | </script>
22 | <br> 
23 | <center>
24 | <p> Creater By <b> Sanusanth </b> </p>
25 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
26 | </center>
27 | </body>
28 | </html>
29 | 


--------------------------------------------------------------------------------
/The else if Statement.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p>Click the button to get a time-based greeting:</p>
 6 | 
 7 | <button onclick="myFunction()">Try it</button>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | function myFunction() {
13 |   var greeting;
14 |   var time = new Date().getHours();
15 |   if (time < 10) {
16 |     greeting = "Good morning";
17 |   } else if (time < 20) {
18 |     greeting = "Good day";
19 |   } else {
20 |     greeting = "Good evening";
21 |   }
22 |   document.getElementById("demo").innerHTML = greeting;
23 | }
24 | </script>
25 | <br> 
26 | <center>
27 | <p> Creater By <b> Sanusanth </b> </p>
28 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
29 | </center>
30 | </body>
31 | </html>
32 | 


--------------------------------------------------------------------------------
/Use String replace() With a Regular Expression.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Regular Expressions</h2>
 6 | 
 7 | <p>Replace "microsoft" with "W3Schools" in the paragraph below:</p>
 8 | 
 9 | <button onclick="myFunction()">Try it</button>
10 | 
11 | <p id="demo">Please visit Microsoft and Microsoft!</p>
12 | 
13 | <script>
14 | function myFunction() {
15 |   var str = document.getElementById("demo").innerHTML; 
16 |   var txt = str.replace(/microsoft/i,"W3Schools");
17 |   document.getElementById("demo").innerHTML = txt;
18 | }
19 | </script>
20 | <br> 
21 | <center>
22 | <p> Creater By <b> Sanusanth </b> </p>
23 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
24 | </center>
25 | </body>
26 | </html>
27 | 
28 | 
29 | 


--------------------------------------------------------------------------------
/The toExponential() Method.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Number Methods</h2>
 6 | 
 7 | <p>The toExponential() method returns a string, with the number rounded and written using exponential notation.</p>
 8 | 
 9 | <p>An optional parameter defines the number of digits behind the decimal point.</p>
10 | 
11 | <p id="demo"></p>
12 | 
13 | <script>
14 | var x = 9.656;
15 | document.getElementById("demo").innerHTML =
16 |   x.toExponential() + "<br>" + 
17 |   x.toExponential(2) + "<br>" + 
18 |   x.toExponential(4) + "<br>" + 
19 |   x.toExponential(6);
20 | </script>
21 | <br> 
22 | <center>
23 | <p> Creater By <b> Sanusanth </b> </p>
24 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
25 | </center>
26 | </body>
27 | </html>
28 | 


--------------------------------------------------------------------------------
/Everything With a Value is True.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p id="demo"></p>
 6 | 
 7 | <script>
 8 | var b1 = Boolean(100);
 9 | var b2 = Boolean(3.14);
10 | var b3 = Boolean(-15);
11 | var b4 = Boolean("Hello");
12 | var b5 = Boolean('false');
13 | var b6 = Boolean(1 + 7 + 3.14);
14 | 
15 | document.getElementById("demo").innerHTML =
16 | "100 is " + b1 + "<br>" +
17 | "3.14 is " + b2 + "<br>" +
18 | "-15 is " + b3 + "<br>" +
19 | "Any (not empty) string is " + b4 + "<br>" +
20 | "Even the string 'false' is " + b5 + "<br>" +
21 | "Any expression (except zero) is " + b6;
22 | </script>
23 | <br> 
24 | <center>
25 | <p> Creater By <b> Sanusanth </b> </p>
26 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
27 | </center>
28 | </body>
29 | </html>
30 | 


--------------------------------------------------------------------------------
/The Number() Method.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Global Methods</h2>
 6 | 
 7 | <p>The Number() method converts variables to numbers:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | document.getElementById("demo").innerHTML = 
13 |   Number(true) + "<br>" +
14 |   Number(false) + "<br>" +
15 |   Number("10") + "<br>" + 
16 |   Number("  10") + "<br>" +
17 |   Number("10  ") + "<br>" +
18 |   Number(" 10  ") + "<br>" +
19 |   Number("10.33") + "<br>" + 
20 |   Number("10,33") + "<br>" +
21 |   Number("10 33") + "<br>" +
22 |   Number("sanus");
23 | </script>
24 | <br> 
25 | <center>
26 | <p> Creater By <b> Sanusanth </b> </p>
27 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
28 | </center>
29 | </body>
30 | </html>
31 | 
32 | 
33 | 


--------------------------------------------------------------------------------
/JavaScript constructor Property.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>The JavaScript constructor Property</h2>
 6 | 
 7 | <p>The constructor property returns the constructor function for a variable or an 
 8 | object.</p>
 9 | 
10 | <p id="demo"></p>
11 | 
12 | <script>
13 | document.getElementById("demo").innerHTML = 
14 |   "john".constructor + "<br>" +
15 |   (3.14).constructor + "<br>" +
16 |   false.constructor + "<br>" +
17 |   [1,2,3,4].constructor + "<br>" +
18 |   {name:'john', age:34}.constructor + "<br>" +
19 |   new Date().constructor + "<br>" +
20 |   function () {}.constructor;
21 | </script>
22 | <br> 
23 | <center>
24 | <p> Creater By <b> Sanusanth </b> </p>
25 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
26 | </center>
27 | </body>
28 | </html>
29 | 
30 | 
31 | 


--------------------------------------------------------------------------------
/Math Properties (Constants).txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Math Constants</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | document.getElementById("demo").innerHTML = 
11 | "<p><b>Math.E:</b> " + Math.E + "</p>" +
12 | "<p><b>Math.PI:</b> " + Math.PI + "</p>" +
13 | "<p><b>Math.SQRT2:</b> " + Math.SQRT2 + "</p>" +
14 | "<p><b>Math.SQRT1_2:</b> " + Math.SQRT1_2 + "</p>" +
15 | "<p><b>Math.LN2:</b> " + Math.LN2 + "</p>" +
16 | "<p><b>Math.LN10:</b> " + Math.LN10 + "</p>" +
17 | "<p><b>Math.LOG2E:</b> " + Math.LOG2E + "</p>" +
18 | "<p><b>Math.Log10E:</b> " + Math.LOG10E + "</p>";
19 | </script>
20 | <br> 
21 | <center>
22 | <p> Creater By <b> Sanusanth </b> </p>
23 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
24 | </center>
25 | </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/Splicing an Array.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array Methods</h2>
 6 | 
 7 | <h2>splice()</h2>
 8 | 
 9 | <p>The splice() method adds new elements to an array.</p>
10 | 
11 | <button onclick="myFunction()">Try it</button>
12 | 
13 | <p id="demo1"></p>
14 | <p id="demo2"></p>
15 | 
16 | <script>
17 | var fruits = ["Banana", "Orange", "Apple", "Mango"];
18 | document.getElementById("demo1").innerHTML = "Original Array:<br>" + fruits;
19 | function myFunction() {
20 |   fruits.splice(2, 0, "Lemon", "Kiwi");
21 |   document.getElementById("demo2").innerHTML = "New Array:<br>" + fruits;
22 | }
23 | </script>
24 | <br> 
25 | <center>
26 | <p> Creater By <b> Sanusanth </b> </p>
27 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
28 | </center>
29 | </body>
30 | </html>
31 | 


--------------------------------------------------------------------------------
/The apply() Method with Arguments.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Functions</h2>
 6 | 
 7 | <p>In this example the fulllName method of person is <b>applied</b> on person1:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var person = {
13 |   fullName: function(city, country) {
14 |     return this.firstName + " " + this.lastName + "," + city + "," + country;
15 |   }
16 | }
17 | var person1 = {
18 |   firstName:"Sanu",
19 |   lastName: "santh"
20 | }
21 | var x = person.fullName.apply(person1, ["Oslo", "Norway"]); 
22 | document.getElementById("demo").innerHTML = x; 
23 | </script>
24 | <br> 
25 | <center>
26 | <p> Creater By <b> Sanusanth </b> </p>
27 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
28 | </center>
29 | </body>
30 | </html>
31 | 
32 | 
33 | 


--------------------------------------------------------------------------------
/Promise Object Properties.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Promise</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | function myDisplayer(some) {
11 |   document.getElementById("demo").innerHTML = some;
12 | }
13 | 
14 | let myPromise = new Promise(function(myResolve, myReject) {
15 |   let x = 0;
16 | 
17 | // some code (try to change x to 5)
18 | 
19 |   if (x == 0) {
20 |     myResolve("OK");
21 |   } else {
22 |     myReject("Error");
23 |   }
24 | });
25 | 
26 | myPromise.then(
27 |   function(value) {myDisplayer(value);},
28 |   function(error) {myDisplayer(error);}
29 | );
30 | </script>
31 | <br> 
32 | <center>
33 | <p> Creater By <b> Sanusanth </b> </p>
34 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
35 | </center>
36 | </body>
37 | </html>
38 | 


--------------------------------------------------------------------------------
/The JavaScript Switch Statement.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p id="demo"></p>
 6 | 
 7 | <script>
 8 | var day;
 9 | switch (new Date().getDay()) {
10 |   case 0:
11 |     day = "Sunday";
12 |     break;
13 |   case 1:
14 |     day = "Monday";
15 |     break;
16 |   case 2:
17 |     day = "Tuesday";
18 |     break;
19 |   case 3:
20 |     day = "Wednesday";
21 |     break;
22 |   case 4:
23 |     day = "Thursday";
24 |     break;
25 |   case 5:
26 |     day = "Friday";
27 |     break;
28 |   case  6:
29 |     day = "Saturday";
30 | }
31 | document.getElementById("demo").innerHTML = "Today is " + day;
32 | </script>
33 | <br> 
34 | <center>
35 | <p> Creater By <b> Sanusanth </b> </p>
36 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
37 | </center>
38 | </body>
39 | </html>
40 | 


--------------------------------------------------------------------------------
/The call() Method with Arguments.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Functions</h2>
 6 | <p>This example calls the fullName method of person, using it on person1:
 7 | </p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var person = {
13 |   fullName: function() {
14 |     return this.firstName + " " + this.lastName;
15 |   }
16 | }
17 | var person1 = {
18 |   firstName:"Sanu",
19 |   lastName: "santh"
20 | }
21 | var person2 = {
22 |   firstName:"Mary",
23 |   lastName: "Doe"
24 | }
25 | var x = person.fullName.call(person1); 
26 | document.getElementById("demo").innerHTML = x; 
27 | </script>
28 | <br> 
29 | <center>
30 | <p> Creater By <b> Sanusanth </b> </p>
31 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
32 | </center>
33 | </body>
34 | </html>
35 | 
36 | 
37 | 


--------------------------------------------------------------------------------
/The rangeOverflow Property.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p>Enter a number and click OK:</p>
 6 | 
 7 | <input id="id1" type="number" max="100">
 8 | <button onclick="myFunction()">OK</button>
 9 | 
10 | <p>If the number is greater than 100 (the input's max attribute), an error message will be displayed.</p>
11 | 
12 | <p id="demo"></p>
13 | 
14 | <script>
15 | function myFunction() {
16 |   var txt = "";
17 |   if (document.getElementById("id1").validity.rangeOverflow) {
18 |     txt = "Value too large";
19 |   } else {
20 |     txt = "Input OK";
21 |   } 
22 |   document.getElementById("demo").innerHTML = txt;
23 | }
24 | </script>
25 | <br> 
26 | <center>
27 | <p> Creater By <b> Sanusanth </b> </p>
28 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
29 | </center>
30 | </body>
31 | </html>
32 | 
33 | 


--------------------------------------------------------------------------------
/JavaScript typeof Operator.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>The JavaScript typeof Operator</h2>
 6 | 
 7 | <p>The typeof operator returns the type of a variable, object, function or expression.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | document.getElementById("demo").innerHTML = 
13 |   typeof "john" + "<br>" +
14 |   typeof 3.14 + "<br>" +
15 |   typeof NaN + "<br>" +
16 |   typeof false + "<br>" +
17 |   typeof [1,2,3,4] + "<br>" +
18 |   typeof {name:'john', age:34} + "<br>" +
19 |   typeof new Date() + "<br>" +
20 |   typeof function () {} + "<br>" +
21 |   typeof myCar + "<br>" +
22 |   typeof null;
23 | </script>
24 | <br> 
25 | <center>
26 | <p> Creater By <b> Sanusanth </b> </p>
27 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
28 | </center>
29 | </body>
30 | </html>
31 | 
32 | 
33 | 


--------------------------------------------------------------------------------
/Adding Getters and Setters.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Object.defineProperty()</h2>
 6 | 
 7 | <p>This example uses the defineProperty() method to add a getter and a setter.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | // Create an object:
13 | var person = {firstName:"Sanu", lastName:"santh"};
14 | 
15 | // Define a getter
16 | Object.defineProperty(person, "fullName", {
17 |   get : function () {return this.firstName + " " + this.lastName;}
18 | });
19 | 
20 | // Display full name
21 | document.getElementById("demo").innerHTML = person.fullName;
22 | </script>
23 | <br> 
24 | <center>
25 | <p> Creater By <b> Sanusanth </b> </p>
26 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
27 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
28 | </center>
29 | </body>
30 | </html>
31 | 


--------------------------------------------------------------------------------
/JavaScript Getter (The get Keyword).txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Getters and Setters</h2>
 6 | 
 7 | <p>Getters and setters allow you to get and set properties via methods.</p>
 8 | 
 9 | <p>This example uses a lang property to get the value of the language property.</p>
10 | 
11 | <p id="demo"></p>
12 | 
13 | <script>
14 | // Create an object:
15 | var person = {
16 |   firstName: "Sanu",
17 |   lastName : "santh",
18 |   language : "en",
19 |   get lang() {
20 |     return this.language;
21 |   }
22 | };
23 | // Display data from the object using a getter:
24 | document.getElementById("demo").innerHTML = person.lang;
25 | </script>
26 | <br> 
27 | <center>
28 | <p> Creater By <b> Sanusanth </b> </p>
29 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
30 | </center>
31 | </body>
32 | </html>
33 | 


--------------------------------------------------------------------------------
/Adding a Method to a Constructor.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Object Constructors</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | 
11 | // Constructor function for Person objects
12 | function Person(first, last, age, eye) {
13 |   this.firstName = first;
14 |   this.lastName = last;
15 |   this.age = age;
16 |   this.eyeColor = eye;
17 |   this.name = function() {
18 |     return this.firstName + " " + this.lastName
19 |   };
20 | }
21 | 
22 | // Create a Person object
23 | var myFather = new Person("John", "Doe", 50, "blue");
24 | 
25 | // Display full name
26 | document.getElementById("demo").innerHTML =
27 | "My father is " + myFather.name(); 
28 | 
29 | </script>
30 | <br> 
31 | <center>
32 | <p> Creater By <b> Sanusanth </b> </p>
33 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>  
34 | </center>
35 | </body>
36 | </html>
37 | 


--------------------------------------------------------------------------------
/JavaScript Setter (The set Keyword).txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Getters and Setters</h2>
 6 | 
 7 | <p>Getters and setters allow you to get and set properties via methods.</p>
 8 | 
 9 | <p>This example uses a lang property to set the value of the language property.</p>
10 | 
11 | <p id="demo"></p>
12 | 
13 | <script>
14 | // Create an object:
15 | var person = {
16 |   firstName: "Sanu",
17 |   lastName : "Santh",
18 |   language : "NO",
19 |   set lang(value) {
20 |     this.language = value;
21 |   }
22 | };
23 | // Set a property using set:
24 | person.lang = "en";
25 | // Display data from the object:
26 | document.getElementById("demo").innerHTML = person.language;
27 | </script>
28 | <br> 
29 | <center>
30 | <p> Creater By <b> Sanusanth </b> </p>
31 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
32 | </center>
33 | </body>
34 | </html>
35 | 


--------------------------------------------------------------------------------
/Reversing an Array.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array Sort Reverse</h2>
 6 | 
 7 | <p>The reverse() method reverses the elements in an array.</p>
 8 | <p>By combining sort() and reverse() you can sort an array in descending order.</p>
 9 | <button onclick="myFunction()">Try it</button>
10 | 
11 | <p id="demo"></p>
12 | 
13 | <script>
14 | // Create and display an array:
15 | var fruits = ["Banana", "Orange", "Apple", "Mango"];
16 | document.getElementById("demo").innerHTML = fruits;
17 | 
18 | function myFunction() {
19 |   // First sort the array
20 |   fruits.sort();
21 |   // Then reverse it:
22 |   fruits.reverse();
23 |   document.getElementById("demo").innerHTML = fruits;
24 | }
25 | </script>
26 | <br> 
27 | <center>
28 | <p> Creater By <b> Sanusanth </b> </p>
29 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
30 | </center>
31 | </body>
32 | </html>
33 | 


--------------------------------------------------------------------------------
/JavaScript Static Methods.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Class Static Methods</h2>
 6 | 
 7 | <p>A static method is created with the "static" keyword, and you can only call the method on the class itself.</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | class Car {
13 |   constructor(name) {
14 |     this.name = name;
15 |   }
16 |   static hello() {
17 |     return "Hello!!";
18 |   }
19 | }
20 | 
21 | let myCar = new Car("Ford");
22 | 
23 | //You can call 'hello()' on the Car Class:
24 | document.getElementById("demo").innerHTML = Car.hello();
25 | 
26 | // But NOT on  a Car Object:
27 | // document.getElementById("demo").innerHTML = myCar.hello();
28 | // this will raise an error.
29 | </script>
30 | <br> 
31 | <center>
32 | <p> Creater By <b> Sanusanth </b> </p>
33 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
34 | </center>
35 | </body>
36 | </html>
37 | 


--------------------------------------------------------------------------------
/The Fisher Yates Method.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Array Sort</h2>
 6 | 
 7 | <h3>The Fisher Yates Method</h3>
 8 | 
 9 | <p>Click the button (again and again) to sort the array in random order.</p>
10 | 
11 | <button onclick="myFunction()">Try it</button>
12 | 
13 | <p id="demo"></p>
14 | 
15 | <script>
16 | var points = [40, 100, 1, 5, 25, 10];
17 | document.getElementById("demo").innerHTML = points;  
18 | 
19 | function myFunction() {
20 | var i, j, k;
21 |   for (i = points.length -1; i > 0; i--) {
22 |     j = Math.floor(Math.random() * i)
23 |     k = points[i]
24 |     points[i] = points[j]
25 |     points[j] = k
26 |   }
27 |   document.getElementById("demo").innerHTML = points;
28 | }
29 | </script>
30 | <br> 
31 | <center>
32 | <p> Creater By <b> Sanusanth </b> </p>
33 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
34 | </center>
35 | </body>
36 | </html>
37 | 


--------------------------------------------------------------------------------
/The checkValidity() Method.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p>Enter a number and click OK:</p>
 6 | 
 7 | <input id="id1" type="number" min="100" max="300" required>
 8 | <button onclick="myFunction()">OK</button>
 9 | 
10 | <p>If the number is less than 100 or greater than 300, an error message will be displayed.</p>
11 | 
12 | <p id="demo"></p>
13 | <br> 
14 | <center>
15 | <p> Creater By <b> Sanusanth </b> </p>
16 | </center>
17 | <script>
18 | function myFunction() {
19 |   var inpObj = document.getElementById("id1");
20 |   if (!inpObj.checkValidity()) {
21 |     document.getElementById("demo").innerHTML = inpObj.validationMessage;
22 |   } else {
23 |     document.getElementById("demo").innerHTML = "Input OK";
24 |   } 
25 | } 
26 | </script>
27 | <br> 
28 | <center>
29 | <p> Creater By <b> Sanusanth </b> </p>
30 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
31 | </center>
32 | </body>
33 | </html>
34 | 


--------------------------------------------------------------------------------
/javascript Input Validation Example.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p>Please input a number between 5 and 10:</p>
 6 | 
 7 | <input id="demo" type="text">
 8 | <button type="button" onclick="myFunction()">Test Input</button>
 9 | <p id="p01"></p>
10 | 
11 | <script>
12 | function myFunction() {
13 |   var message, x;
14 |   message = document.getElementById("p01");
15 |   message.innerHTML = "";
16 |   x = document.getElementById("demo").value;
17 |   try { 
18 |     if(x == "")  throw "empty";
19 |     if(isNaN(x)) throw "not a number";
20 |     x = Number(x);
21 |     if(x < 5)  throw "too low";
22 |     if(x > 10)   throw "too high";
23 |   }
24 |   catch(err) {
25 |     message.innerHTML = "Input is " + err;
26 |   }
27 | }
28 | </script>
29 | <br> 
30 | <center>
31 | <p> Creater By <b> Sanusanth </b> </p>
32 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
33 | </center>
34 | </body>
35 | </html>
36 | 
37 | 
38 | 
39 | 


--------------------------------------------------------------------------------
/javascript Class Inheritance.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Class Inheritance</h2>
 6 | 
 7 | <p>Use the "extends" keyword to inherit all methods from another class.</p>
 8 | <p>Use the "super" method to call the parent's constructor function.</p>
 9 | 
10 | <p id="demo"></p>
11 | 
12 | <script>
13 | class Car {
14 |   constructor(brand) {
15 |     this.carname = brand;
16 |   }
17 |   present() {
18 |     return 'I have a ' + this.carname;
19 |   }
20 | }
21 | 
22 | class Model extends Car {
23 |   constructor(brand, mod) {
24 |     super(brand);
25 |     this.model = mod;
26 |   }
27 |   show() {
28 |     return this.present() + ', it is a ' + this.model;
29 |   }
30 | }
31 | 
32 | let myCar = new Model("Ford", "Mustang");
33 | document.getElementById("demo").innerHTML = myCar.show();
34 | </script>
35 | <br> 
36 | <center>
37 | <p> Creater By <b> Sanusanth </b> </p>
38 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
39 | </center>
40 | </body>
41 | </html>
42 | 


--------------------------------------------------------------------------------
/Finding HTML Elements Using document.forms.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>Finding HTML Elements Using document.forms</h2>
 6 | 
 7 | <form id="frm1" action="/action_page.php">
 8 |   First name: <input type="text" name="fname" value="Donald"><br>
 9 |   Last name: <input type="text" name="lname" value="Duck"><br><br>
10 |   <input type="submit" value="Submit">
11 | </form> 
12 | 
13 | <p>Click "Try it" to display the value of each element in the form.</p>
14 | 
15 | <button onclick="myFunction()">Try it</button>
16 | 
17 | <p id="demo"></p>
18 | 
19 | <script>
20 | function myFunction() {
21 |   var x = document.forms["frm1"];
22 |   var text = "";
23 |   var i;
24 |   for (i = 0; i < x.length ;i++) {
25 |     text += x.elements[i].value + "<br>";
26 |   }
27 |   document.getElementById("demo").innerHTML = text;
28 | }
29 | </script>
30 | <br> 
31 | <center>
32 | <p> Creater By <b> Sanusanth </b> </p>
33 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
34 | </center>
35 | </body>
36 | </html>
37 | 


--------------------------------------------------------------------------------
/javascript The finally Statement.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <p>Please input a number between 5 and 10:</p>
 6 | 
 7 | <input id="demo" type="text">
 8 | <button type="button" onclick="myFunction()">Test Input</button>
 9 | 
10 | <p id="p01"></p>
11 | 
12 | <script>
13 | function myFunction() {
14 |   var message, x;
15 |   message = document.getElementById("p01");
16 |   message.innerHTML = "";
17 |   x = document.getElementById("demo").value;
18 |   try { 
19 |     if(x == "")  throw "is empty";
20 |     if(isNaN(x)) throw "is not a number";
21 |     x = Number(x);
22 |     if(x > 10)   throw "is too high";
23 |     if(x < 5)  throw "is too low";
24 |   }
25 |   catch(err) {
26 |     message.innerHTML = "Input " + err;
27 |   }
28 |   finally {
29 |     document.getElementById("demo").value = "";
30 |   }
31 | }
32 | </script>
33 | <br> 
34 | <center>
35 | <p> Creater By <b> Sanusanth </b> </p>
36 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
37 | </center>
38 | </body>
39 | </html>
40 | 
41 | 
42 | 
43 | 


--------------------------------------------------------------------------------
/Object.defineProperty().txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Getters and Setters</h2>
 6 | 
 7 | <p>Perfect for creating counters:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | // Define an object
13 | var obj = {counter : 0};
14 | 
15 | // Define Setters and Getters
16 | Object.defineProperty(obj, "reset", {
17 |   get : function () {this.counter = 0;}
18 | });
19 | Object.defineProperty(obj, "increment", {
20 |   get : function () {this.counter++;}
21 | });
22 | Object.defineProperty(obj, "decrement", {
23 |   get : function () {this.counter--;}
24 | });
25 | Object.defineProperty(obj, "add", {
26 |   set : function (value) {this.counter += value;}
27 | });
28 | Object.defineProperty(obj, "subtract", {
29 |   set : function (value) {this.counter -= value;}
30 | });
31 | 
32 | // Play with counter:
33 | obj.reset;
34 | obj.add = 5;
35 | obj.subtract = 1;
36 | obj.increment;
37 | obj.decrement;
38 | document.getElementById("demo").innerHTML = obj.counter;
39 | </script>
40 | <br> 
41 | <center>
42 | <p> Creater By <b> Sanusanth </b> </p>
43 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
44 | </center>
45 | </body>
46 | </html>
47 | 


--------------------------------------------------------------------------------
/javascript A Counter Example.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Getters and Setters</h2>
 6 | 
 7 | <p>Perfect for creating counters:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | // Define an object
13 | var obj = {counter:0};
14 | 
15 | // Define Setters and Getters
16 | Object.defineProperty(obj, "reset", {
17 |   get : function () {this.counter = 0;}
18 | });
19 | Object.defineProperty(obj, "increment", {
20 |   get : function () {this.counter++;}
21 | });
22 | Object.defineProperty(obj, "decrement", {
23 |   get : function () {this.counter--;}
24 | });
25 | Object.defineProperty(obj, "add", {
26 |   set : function (value) {this.counter += value;}
27 | });
28 | Object.defineProperty(obj, "subtract", {
29 |   set : function (value) {this.counter -= value;}
30 | });
31 | 
32 | // Play with counter:
33 | obj.reset;
34 | obj.add = 5;
35 | obj.subtract = 1;
36 | obj.increment;
37 | obj.decrement;
38 | document.getElementById("demo").innerHTML = obj.counter;
39 | </script>
40 | <br> 
41 | <center>
42 | <p> Creater By <b> Sanusanth </b> </p>
43 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
44 | </center>
45 | </body>
46 | </html>
47 | 


--------------------------------------------------------------------------------
/Built-in JavaScript Constructors.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Object Constructors</h2>
 6 | 
 7 | <p id="demo"></p>
 8 | 
 9 | <script>
10 | var x1 = new Object();   // A new Object object
11 | var x2 = new String();   // A new String object
12 | var x3 = new Number();   // A new Number object
13 | var x4 = new Boolean();  // A new Boolean object
14 | var x5 = new Array();  // A new Array object
15 | var x6 = new RegExp();   // A new RegExp object
16 | var x7 = new Function(); // A new Function object
17 | var x8 = new Date();   // A new Date object
18 | 
19 | // Display the type of all objects
20 | document.getElementById("demo").innerHTML =
21 | "x1: " + typeof x1 + "<br>" +
22 | "x2: " + typeof x2 + "<br>" +
23 | "x3: " + typeof x3 + "<br>" +
24 | "x4: " + typeof x4 + "<br>" +
25 | "x5: " + typeof x5 + "<br>" +
26 | "x6: " + typeof x6 + "<br>" +
27 | "x7: " + typeof x7 + "<br>" +
28 | "x8: " + typeof x8 + "<br>";
29 | </script>
30 | 
31 | <p>There is no need to use String(), Number(), Boolean(), Array(), and RegExp()</p>
32 | 
33 | <p>Read the JavaScript.</p>
34 | <br> 
35 | <center>
36 | <p> Creater By <b> Sanusanth </b> </p>
37 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
38 | </center>
39 | </body>
40 | </html>
41 | 


--------------------------------------------------------------------------------
/JavaScript Operators.txt:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <body>
 4 | 
 5 | <h2>JavaScript Operators</h2>
 6 | 
 7 | <p>x = 5, y = 2, calculate z = x + y, and display z:</p>
 8 | 
 9 | <p id="demo"></p>
10 | 
11 | <script>
12 | var x = 5;
13 | var y = 2;
14 | var z = x + y;
15 | document.getElementById("demo").innerHTML = z;
16 | </script>
17 | 
18 | <!--
19 | Operator	Description
20 | +	        Addition
21 | -	        Subtraction
22 | *	        Multiplication
23 | **	        Exponentiation (ES2016)
24 | /	        Division
25 | %	        Modulus (Division Remainder)
26 | ++	        Increment
27 | --	        Decrement
28 | 
29 | Operator	Example	    Same As
30 | =	          x = y	     x = y
31 | +=      	x += y	    x = x + y
32 | -=	        x -= y	    x = x - y
33 | *=	        x *= y	    x = x * y
34 | /=	        x /= y	    x = x / y
35 | %=	        x %= y	    x = x % y
36 | **=	        x **= y	    x = x ** y
37 | 
38 | Operator	        Description
39 | ==			equal to
40 | ===			equal value and equal type
41 | !=			not equal
42 | !==			not equal value or not equal type
43 | >			greater than
44 | <			less than
45 | >=			greater than or equal to
46 | <=			less than or equal to
47 | ?			ternary operator
48 | 	
49 | &&	logical and
50 | ||	logical or
51 | !	logical not
52 |  
53 | Operator	Description	    			Example	         Same as		      Result		     Decimal
54 | &        	   AND					5 & 1   	0101 & 0001	                0001		       1
55 | |	           OR				        5 | 1           0101 | 0001			0101		       5
56 | ~		   NOT					~ 5		 ~0101				1010		      10
57 | ^		   XOR					5 ^ 1		 0101 ^ 0001	         	0100 	               4
58 | <<	        Zero fill left shift		        5 << 1		  0101 << 1			1010		       10
59 | >>		Signed right shift			5 >> 1		0101 >> 1			0010	 	        2
60 | >>>		Zero fill right shift	         	5 >>> 1		0101 >>> 1			0010	 	        2
61 | //-->
62 | 
63 | <br> 
64 | <center>
65 | <p> Creater By <b> Sanusanth </b> </p>
66 | <a href="https://github.com/sanusanth">Visit Sanusanth</a>
67 | </center>
68 | </body>
69 | </html>
70 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # javascript-basic-program
 2 | What is JavaScript and what does it do?   
 3 | Before you start learning something new, it’s important to understand exactly what it is and what it does. This is especially useful when it comes to mastering a new programming language.  
 4 | 
 5 | In simple terms, JavaScript is a programming language used to make websites interactive. If you think about the basic makeup of a website, you have HTML, which describes and defines the basic content and structure of the website, then you have CSS, which tells the browser how this HTML content should be displayed—determining things like color and font. With just HTML and CSS, you have a website that looks good but doesn’t actually do much. JavaScript brings the website to life by adding functionality. JavaScript is responsible for elements that the user can interact with, such as drop-down menus, modal windows, and contact forms. It is also used to create things like animations, video players, and interactive maps.  
 6 | 
 7 | Nowadays, JavaScript is an all-purpose programming language—meaning it runs across the entire software stack. The most popular application of JavaScript is on the client side (aka frontend), but since Node.js came on the scene, many people run JavaScript on the server side (aka backend) as well. When used on the client side, JavaScript code is read, interpreted, and executed in the user’s web browser. When used on the server side, it is run on a remote computer. You can learn more about the difference between frontend and backend programming here.  
 8 | 
 9 | JavaScript isn’t only used to create websites. It can also be used to build browser-based games and, with the help of certain frameworks, mobile apps for different operating systems. The creation of new libraries and frameworks is also making it possible to build backend programs with JavaScript, such as web apps and server apps.  
10 | 
11 | Is it still worth learning JavaScript in 2021? The world of web development is constantly moving. With so many new tools popping up all the time, it can be extremely difficult to know where you should focus your efforts. As an aspiring developer, you’ll want to make sure that what you’re learning is still relevant in today’s industry.  If you’re having doubts about JavaScript, it’s important to know that, since its creation in 1995, JavaScript is pretty much everywhere on the web—and that’s not likely to change any time soon. According to the 2020 StackOverflow developer survey, JavaScript is the most commonly used programming language for the eighth year in a row. It is currently used by 94.5% of all websites and, despite originally being designed as a client-side language, JavaScript has now made its way to the server-side of websites (thanks to Node.js), mobile devices (thanks to React Native and Ionic) and desktop (courtesy of Electron).  
12 | 
13 | As long as people are interacting with the web, you can assume that JavaScript is highly relevant—there’s no doubt that this is a language worth knowing! With that in mind, let’s look at some of the key benefits of becoming a JavaScript expert.  
14 | 
15 | Why learn JavaScript? 
16 | 
17 | The most obvious reason for learning JavaScript is if you have hopes of becoming a web developer. Even if you haven’t got your heart set on a tech career, being proficient in JavaScript will enable you to build websites from scratch—a pretty useful skill to have in today’s job market!  
18 | 
19 | If you do want to become a web developer, here are some of the main reasons why you should learn JavaScript:  
20 | 
21 | JavaScript experts are versatile  
22 | 
23 | JavaScript is an extremely versatile language. Once you’ve mastered it, the possibilities are endless: you can code on the client-side (frontend) using Angular and on the server-side (backend) using Node.js. You can also develop web, mobile, and desktop apps using React, React Native, and Electron, and you can even get involved in machine learning.  
24 | 
25 | If you want to become a frontend developer, JavaScript is a prerequisite. However, that’s not the only career path open to you as a JavaScript expert. Mastering this key programming language could see you go on to work in full-stack development, games development, information security software engineering, machine learning, and artificial intelligence—to name just a few!  
26 | 
27 | Ultimately, if you want any kind of development or engineering career, proficiency in JavaScript is a must.  
28 | 
29 | JavaScript experts are in-demand (and well-paid) JavaScript is the most popular programming language in the world, so it’s no wonder that JavaScript is one of the most sought-after skills in the web development industry today. 
30 | 
31 | According to the Devskiller IT Skills and Hiring Report 2020, 72% of companies are looking to hire JavaScript experts. Enter the search term “JavaScript” on job site Indeed and you’ll find over 40,000 jobs requiring this skill (in the US). Run the same search on LinkedIn and the results are in excess of 125,000.  
32 | 
33 | At the same time, the global demand for JavaScript seems to outweigh the expertise available on the market. According to this 2018 HackerRank report, 48% of employers worldwide need developers with JavaScript skills, while only 42% of student developers claim to be proficient in JavaScript. And, in their most recent report for 2020, HackerRank once again reports that JavaScript is the most popular language that hiring mangers look for in a web developer candidate. 
34 | 
35 | Not only are JavaScript experts in demand—they are also well-paid. In the United States, JavaScript developers earn an average yearly salary of $111,953 per year. We’ve covered this topic in more detail in our JavaScript salary guide, but as you can see, learning JavaScript can really boost your earning potential as a developer.  
36 | 
37 | JavaScript is beginner-friendly 
38 | 
39 | Compared to many other programming languages, JavaScript offers one of the more beginner-friendly entry points into the world of coding. The great thing about JavaScript is that it comes installed on every modern web browser—there’s no need to set up any kind of development environment, which means you can start coding with JavaScript right away!
40 | 
41 | Another advantage of learning JavaScript as your first programming language is that you get instant feedback; with a minimal amount of JavaScript code, you’ll immediately see visible results. There’s also a huge JavaScript community on sites like Stack Overflow, so you’ll find plenty of support as you learn.  
42 | 
43 | Not only is JavaScript beginner-friendly; it will also set you up with some extremely valuable transferable skills. JavaScript supports object-oriented, functional, and imperative styles of programming—skills which can be transferred to any new language you might learn later on, such as Python, Java, or C++. JavaScript provides a crucial introduction to key principles and practices that you’ll take with you throughout your career as a developer.   
44 | 
45 | Should you learn plain JavaScript first or can you skip to frameworks and libraries?  When deciding whether or not to learn JavaScript, what you’re really asking is whether or not you should learn “vanilla” JavaScript. Vanilla JavaScript just means plain JavaScript without any libraries or frameworks. Let’s explore what this means in more detail now.
46 | 
47 | What is meant by vanilla JavaScript, libraries, and frameworks?  
48 | 
49 | If you research the term “vanilla JavaScript”, you might run into some confusion; however, all you need to know is that vanilla JavaScript is used to refer to native, standards-based, non-extended JavaScript. There is no difference between vanilla JavaScript and JavaScript—it’s just there to emphasize the usage of plain JavaScript without the use of libraries and frameworks.  
50 | 
51 | So what are libraries and frameworks? 
52 | 
53 | JavaScript libraries and frameworks both contain sets of prewritten, ready-to-use JavaScript code—but they’re not the same thing. You can think of a framework as your blueprint for building a website: it gives you a structure to work from, and contains ready-made components and tools that help you to build certain elements much quicker than if you were to code them from scratch. Some popular JavaScript frameworks include Angular, React, Vue, and Node.js.
54 | 
55 | Frameworks also contain libraries. Libraries are smaller than frameworks, and tend to be used for more specific cases. A JavaScript library contains sets of JavaScript code which can be called upon to implement certain functions and features. Let’s imagine you want to code a particular element into your website. You could write, say, ten lines of JavaScript from scratch—or you could take the condensed, ready-made version from your chosen JavaScript library. Some examples of JavaScript libraries include jQuery, Lodash, and Underscore.  
56 | 
57 | The easiest way to understand how frameworks and libraries work together is to imagine you are building a house. The framework provides the foundation and the structure, while the library enables you to add in ready-made components (like furniture) rather than building your own from scratch. 
58 | 
59 | You can learn more about the relationship between languages and libraries in this post explaining the main differences between JavaScript and jQuery. For now, let’s go back to our original question: How important is it to learn vanilla JavaScript?
60 | 
61 | Should you learn vanilla JavaScript first? 
62 | 
63 | When it comes to learning JavaScript, it can be tempting to skip ahead to those time-saving frameworks and libraries we just talked about—and many developers do. However, there are many compelling arguments for learning plain JavaScript first.
64 | 
65 | While JavaScript frameworks may help you get the job done quicker, there’s only so far you can go if you don’t understand the core concepts behind these frameworks. Frontend developer Abhishek Nagekar describes how not learning vanilla JavaScript came back to bite him when he started learning the JavaScript frameworks Node and Express: 
66 | 
67 | “As I went to write more and more code in Node and Express, I began to get stuck at even the tiniest problems. Suddenly, I was surrounded with words like callbacks, closures, event loop and prototype. It felt like I got a reintroduction to JavaScript, but this time, it was not a toddler playing in its cradle, it was something of a mysterious monster, challenging me on every other step for not having taken it seriously.”  
68 | 
69 | The above Tweet references a long-running joke within the developer community, and although it dates way back to 2015, it’s still highly relevant today. If you want to become a developer who can innovate, not just execute, you need to understand the underlying principles of the web—not just the shortcuts. This means learning vanilla JavaScript before you move on to frameworks. In fact, understanding plain JavaScript will help you later on when it comes to deciding whether to use a framework for a certain project, and if so, which framework to use.   
70 | 
71 | Why Study JavaScript?  
72 | 
73 | JavaScript is one of the 3 languages all web developers must learn:   
74 | 1. HTML to define the content of web pages    
75 | 2. CSS to specify the layout of web pages     
76 | 3. JavaScript to program the behavior of web pages   
77 | 
78 | Learning Speed  
79 | 
80 | In this tutorial, the learning speed is your choice.  
81 | Everything is up to you.
82 | If you are struggling, take a break, or re-read the material. 
83 | Always make sure you understand all the "Try-it-Yourself" examples. 
84 | The only way to become a clever programmer is to: Practice. Practice. Practice. Code. Code. Code 
85 | !  Commonly Asked Questions  How do I get JavaScript?
86 | Where can I download JavaScript? 
87 | Is JavaScript Free?  You don't have to get or download JavaScript. 
88 | JavaScript is already running in your browser on your computer, on your tablet, and on your smart-phone.  
89 | JavaScript is free to use for everyone.
90 | 


--------------------------------------------------------------------------------