JavaScript Codes

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
var str = "Hello";
var arr = str.split("");
var text = "";
var i;
for (i = 0; i < arr.length; i++) {
  text += arr[i] + "<br>"
}
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>


Js Infinity Code:

<!DOCTYPE html>
<html>

  <body>
    <h2>JavaScript String Methods</h2>
    <p id="demo"></p>
    <script>
      var myNumber = 2;
      var txt = "";
      while (myNumber != Infinity) {
        myNumber = myNumber * myNumber;
        txt = txt + myNumber + "<br>";
      }
      document.getElementById("demo").innerHTML = txt;

    </script>

  </body>

</html>
<!DOCTYPE html>
<html>
  <body>
    <h2>JavaScript String Methods</h2>
    <p id="demo"></p>
    <script>
		var x=2/0;
		var y=-2/0;
		document.getElementById("demo").innerHTML=x+"<br>"+y;
    </script>
  </body>
</html>
<!DOCTYPE html>
<html>
  <body>
    <h2>JavaScript String Methods</h2>
    <p id="demo"></p>
    <script>
		var x=Infinity;
		document.getElementById("demo").innerHTML=typeof x;
    </script>
  </body>
</html>

toString() methods in JavaScript

<!DOCTYPE html>
<html>
  <body>
    <h2>JavaScript String Methods</h2>
    <p id="demo"></p>
    <script>
		var myNumber=32;//x will be 255
		document.getElementById("demo").innerHTML="32="+"<br>"+
    "Decimal "+myNumber.toString(10)+"<br>"+
    "hexadecimal "+myNumber.toString(16)+"<br>"+"Octal "+myNumber.toString(8)+"<br>"+"Binary "+myNumber.toString(2);
    </script>
  </body>
</html>

toString() methd also convert number to string

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Number Methods</h2>

<p>The toString() method converts a number to a string.</p>

<p id="demo"></p>

<script>
var x = 123;
document.getElementById("demo").innerHTML =
  x.toString() + "<br>" +
   (123).toString() + "<br>" +
   (100 + 23).toString();
</script>

</body>
</html>

var x=9.656;
x.toExponential(2); //returns 9.66+0
x.toExponential(4); //returns 9.6560e+0
x.toExponential(6);//returns 9.656000e+0

var x=9.656;
x.toFixed(0); //returns 10
x.toFixed((4); //returns 9.66
x.toFixed(6); //returns 9.656000

 

var x=9.656
MAX_VALUE
MIN_VALUE
POSITIVE_INFINITY
NEGATIVE_INFINITY
NaN=”Not a Number” value

<!DOCTYPE html>
<html>

  <body>
    <h2>JavaScript String Methods</h2>
    <p id="demo"></p>

    <script>
      var fruits, fLen, i, text;

      fruits = ["Banana", "orange", "Apple", "mango"];
      fLen = fruits.length;
      text = "<ul>";
      for (i = 0; i < fLen; i++) {
        text +="<li>"+ fruits[i] + "</li>";
      }
      text += "</ul>";
      document.getElementById("demo").innerHTML = text;

    </script>

  </body>

</html>
<!DOCTYPE html>
<html>

  <body>
    <h2>JavaScript String Methods</h2>
    <button onclick="myFunction()">
      Click Here To Add New Element TO Array
    </button>
    <p id="demo"></p>

    <script>
     
      var fruits = ["Banana", "orange", "Apple", "mango"];
      document.getElementById("demo").innerHTML = fruits;

      function myFunction() {
        fruits.push("Lemon");
        document.getElementById("demo").innerHTML = fruits;
      }

    </script>

  </body>

</html>
<!DOCTYPE html>
<html>

  <body>
    <h2>JavaScript String Methods</h2>
   
    <p id="demo"></p>

    <script>
     
      var fruits = ["Banana", "orange", "Apple", "Mango"];
      fruits[6]="Lemon";
     // document.getElementById("demo").innerHTML = fruits;

				fLen=fruits.length;
        text="";
        for(i=0;i<fLen;i++){
        	text+=fruits[i]+"<br>";
        }
	    
        document.getElementById("demo").innerHTML = text;
     </script>

  </body>

</html>

Output:

 

JavaScript String Methods
Banana
orange
Apple
Mango
undefined
undefined
Lemon

 

<!DOCTYPE html>
<html>

  <body>
    <h2>JavaScript Array Methods</h2>
   
    <p id="demo1"></p>
    <p id="demo2"></p>
    
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;
fruits.pop();
document.getElementById("demo2").innerHTML = fruits;
</script>

  </body>

</html>

//Sort the  elements of the array alphabetically

<!DOCTYPE html>
<html>

  <body>
    <h2>JavaScript Array Methods</h2>
   
    <p id="demo1"></p>
    <p id="demo2"></p>
    
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;
fruits.sort();
document.getElementById("demo2").innerHTML = fruits;
</script>

  </body>

</html>
<!DOCTYPE html>
<html>

  <body>
    <h2>JavaScript Array Methods</h2>
   
    <p id="demo1"></p>
    <p id="demo2"></p>
    
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;
fruits.sort();
fruits.reverse();
document.getElementById("demo2").innerHTML = fruits;
</script>

  </body>

</html>

 

Js Run in Console and Array Sort;

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

var stringsArray=['Blue','Humpback','Beluga'];
var numericStringArray=['80','9','700'];
var numberArray=[40,1,5,200];
var mixedNumericArray=['80','9','700',40,1,5,200];

function compareNumbers(a,b)
{
    return a-b;
}

console.log("StringArraay: ",stringsArray.join());
console.log("StringArraay: ",stringsArray.sort());
console.log("StringArraay: ",numberArray.join());
console.log("StringArraay: ",numberArray.sort(compareNumbers));
console.log("StringArraay: ",mixedNumericArray.sort(compareNumbers));

JavaScript learning also good site:

https://javascript.info/

https://www.w3schools.com/js

https://guide.freecodecamp.org/javascript/additional-javascript-resources

 

It would be a great help, if you support by sharing :)
Author: zakilive

Leave a Reply

Your email address will not be published. Required fields are marked *