thiscodeWorks - Organizing the best of code online

#html #javascript #jsfunctions #dom #dommanipulation

getAttribute() - how to get the value of any attribute of HTML element

<html>

<input id="contact" name="address">

<script>

    var x = document.getElementById("contact").getAttribute('name');

</script>

</html>

#html #javascript #jsfunctions #dom #dommanipulation

How to change any attribute of a HTML element

<html>	
   
   <input id="contact" name="address">
 
 <script>

    document.getElementById("contact").attribute = "phone";
	
    //ALTERNATIVE METHOD TO CHANGE
    document.getElementById("contact").setAttribute('name', 'phone');	

  </script>

</html>

#javascript #json #jsfunctions

JSON.stringify() - convert objects into JSON

var profile = {
  name: 'John',
  age: 25,
  isAdmin: false,
  courses: ['html', 'css', 'js']
};

var person = JSON.stringify(profile);

#javascript #json #jsfunctions

JSON.parse() - convert string into a JavaScript object

var contacts = '{ "people" : [' +
'{ "firstName":"Joe" , "lastName":"Smith" },' +
'{ "firstName":"Tom" , "lastName":"Hardy" },' +
'{ "firstName":"Ben" , "lastName":"Stiller" } ]}';

var newObject = JSON.parse(contacts);

#javascript #arrays #jsfunctions

Remove false values from Javascript Array

const compact = arr => arr.filter(Boolean);

compact([0, 1, false, 2, '', 3, 'a', 'e' * 23, NaN, 's', 34]);

#javascript #jsfunctions #numbers

toExponential() - Round off numbers in exponential notation

var x = 1.234;
 
var y = x.toExponential(2); 
// returns y = 1.23e+0
 
var y = x.toExponential(5);  
// returns y = 1.23450e+0

#javascript #jsfunctions #numbers

parseInt() Method - returns a whole number from a string

parseInt("10");         // returns 10
parseInt("10.33");      // returns 10
parseInt("10 20 30");   // returns 10
parseInt("10 years");   // returns 10
parseInt("years 10");   // returns NaN

#javascript #jsfunctions #numbers

toFixed() Method - convert number to string with fixed number of decimal places

var x = 1.2345;

var y = x.toFixed(0);
//y equals 1;

var y = x.toFixed(2);
//y equals 1.23

var y = x.toFixed(5);
//y equals 1.23400

#javascript #numbers #jsfunctions

toString() - Convert numbers to string

var x = 123;

//OPTION 1
var y = x.toString();           

//OPTION 2
var y = (123).toString();        

//OPTION 3
var y = (100 + 23).toString();   

// value of y is 123 in all 3 cases.

#javascript #jsfunctions #numbers

The valueOf() Method - Returns number of mathematical expression or number variable

var x = 1234;
var y = x.valueOf(); 

var y = (1234).valueOf();

var y (1000+234).valueOf();

//y equals 1234 in all 3 cases

getAttribute() - how to get the value of any attribute of HTML element

How to change any attribute of a HTML element

JSON.stringify() - convert objects into JSON

JSON.parse() - convert string into a JavaScript object

Remove false values from Javascript Array

toExponential() - Round off numbers in exponential notation

parseInt() Method - returns a whole number from a string

toFixed() Method - convert number to string with fixed number of decimal places

toString() - Convert numbers to string

The valueOf() Method - Returns number of mathematical expression or number variable

Save snippets that work with our extensions