Found 8894 Articles for Front End Technology

How to work with Structs in JavaScript?

Shubham Vora
Updated on 15-Nov-2022 09:06:39

7K+ Views

In this tutorial, let us discuss how to work with structs in JavaScript. What is a struct? A struct is the short name of the data structure. The structure creates multiple values of different types in a single variable. We can use a struct to generate records. A struct in JavaScript is the object creation. Other than that, JavaScript does not have a struct feature. Let us see the methods to create a structure. Using the String split() Method Let us learn to create a struct using string split. Separate a string with a comma and whitespace and give it ... Read More

How to create a new img tag with JQuery, with the src and id from a JavaScript object?

Anvi Jain
Updated on 23-Jun-2020 12:06:14

1K+ Views

To create a new img tag in JavaScript, pass an HTML string to the constructor,var myImg = $(''); $(document.createElement(myImg)); myImg.attr('src', responseObject.imgurl);You can also use the following code to create a new img tag with the attributes like src, id, etc −var myImg = $('', {    id: 'id1',    src: exampleimg.png',    alt: 'Alt text' });

How can I escape HTML special chars in JavaScript?

Shubham Vora
Updated on 14-Jul-2022 14:27:51

8K+ Views

HTML contains special characters such as ‘, ’ ‘/, ’ and many more such as single and double commas. These special characters are used for the HTML tag, such as ‘’ is used to close the HTML tag. This tutorial teaches us to escape HTML special characters in JavaScript.Now, the question is that what if we want to use these characters inside the HTML content? If we use special characters normally in the HTML content, it considers it the opening or closing HTML tag and produces an unknown error.For example, we need to render the below string to the browser. ... Read More

Why is isNaN(null) == false in JS?

Abhinanda Shri
Updated on 23-Jun-2020 12:06:48

497 Views

The isNan() method is used in JavaScript to check whether there’s the existence of an undefined value or can say checks for a NaN object. ExampleTo check whether a JavaScript date is valid or not, you can try to run the following code −                    var date1, date2;          date1 = new Date("2018/1/1");          if( ! isNaN ( date1.getMonth() )) {             document.write("Valid date1: "+date1);          } else {             document.write("Invalid date1");          }          date2 = new Date("20181/1");          if( ! isNaN ( date2.getMonth() )) {             document.write(" Valid date2: "+date2);          } else {             document.write("Invalid date2");          }           The isNaN(null) == false is semantically correct. This is because null is not NaN.

What is the best JavaScript code to create an img element?

Ankith Reddy
Updated on 23-Jun-2020 12:07:26

116 Views

Try any of the following for the width of the image you want to create −myImg.setAttribute('width', '5px');OrmyImg.width = '5';OrmyImg.style.width = '5px';You can also try the following code to add the width and height to the background image −var myImg = new Image(5,5); myImg.src = 'http://www.example.com';

How to create JavaScript regexes using string variables?

Abhinaya
Updated on 23-Jun-2020 12:07:53

91 Views

Yes, use new RegExp(pattern, flags) to achieve this in JavaScript.You can try to run the following code to implement JavaScript regex using string variables −                    var str = 'HelloWorld'.replace( new RegExp('hello', 'i'), '' );          document.write(str);          

Is their JavaScript “not in” operator for checking object properties?

Vrundesha Joshi
Updated on 23-Jun-2020 11:59:16

1K+ Views

To get only the else part, just negate, using ! the operator in JavaScript. You can try to run the following code to achieve this −var arr = {}; if (!(id in arr)) { } else { }In addition, if you want the existence of a property in an object, then use hasOwnProperty −if (!arr.hasOwnProperty(id)) { } else { }

Create a syntax highlighting code with JavaScript.

Srinivas Gorla
Updated on 23-Jun-2020 12:00:35

117 Views

To create a syntax-highlighting code with JavaScript, use the prettify library. Add the following in your code to add the library for syntax highlighting −To use it, add the following to your tag −    Code comes here

How to create a JavaScript code for multiple keys pressed at once?

Arjun Thakur
Updated on 23-Jun-2020 11:59:51

494 Views

Use the keydown event in JavaScript to get to know which keys are pressed at once. The following is the script −Examplevar log = $('#log')[0],    keyPressed = []; $(document.body).keydown(function (evt) {    var li = keyPressed [evt.keyCode];    if (!li) {       li = log.appendChild(document.createElement('li'));       keyPressed [evt.keyCode] = li;    }    $(li).text(Key Down: ' + evt.keyCode);    $(li).removeClass('key-up'); }); $(document.body).keyup(function (evt) {    var li = keyPressed [evt.keyCode];    if (!li) {       li = log.appendChild(document.createElement('li'));    }    $(li).text('Key Up: ' + evt.keyCode);    $(li).addClass('key-up'); });

Why does the JavaScript need to start with “;”?

Ramu Prasad
Updated on 23-Jun-2020 11:51:06

92 Views

JavaScript uses a semi-colon (;) to avoid any confusion in code, especially the beginning of a new line.ExampleYou can still use the following to avoid any chaos in the code −return {    'var':myVal } // using semi-colon; (function( $ ) {    // }

Advertisements