Front End Technology Articles

Page 361 of 652

Determining beautiful number string in JavaScript

AmitDiwan
AmitDiwan
Updated on 24-Feb-2021 388 Views

A numeric string, str, is called a beautiful string if it can be split into a sequence arr of two or more positive integers, satisfying the following conditions −arr[i] - arr[i - 1] = 1, for any i in the index of sequence, i.e., each element in the sequence is more than the previous element.No element of the sequence should contain a leading zero. For example, we can split '50607' into the sequence [5, 06, 07], but it is not beautiful because 06 and 07 have leading zeros.The contents of the sequence cannot be rearranged.For example −If the input string ...

Read More

How to take screenshot of a div with JavaScript

AmitDiwan
AmitDiwan
Updated on 22-Feb-2021 3K+ Views

We are required to capture (convert into image) part(s) of our markup that lays out our website and save that captured image or do something with it. So, we are required to devise a way using which we can achieve this described behaviour.As our problem includes capturing any markup element and not just canvas, it’s a bit complex and especially if we plan to do it from scratch. Therefore, for our ease we will use a third party library, htmltocanvas that does exactly what the name suggests, converting the desired markup to canvas, after which we can simply download the canvas ...

Read More

Finding two numbers that produce equal to the sum of rest in JavaScript

AmitDiwan
AmitDiwan
Updated on 22-Feb-2021 340 Views

Suppose following is the problem:We have a sequence of numbers starting from 1 and upto any arbitrary number, let's call it num. We have to pick two such numbers from the sequence (let's call them m and n), such that:sum(1 to num) - (m + n) = m * nAnd finally, we should return an array of groups of all such numbers.For example −If the input is −const num = 10;Then the output should be −const output = [    [7, 6] ];because sum(1 to 10) = 55and, 55 - (6 + 7) = 6 * 7 = 42ExampleThe code ...

Read More

Flattening a JSON object in JavaScript

AmitDiwan
AmitDiwan
Updated on 22-Feb-2021 14K+ Views

Suppose, we have the following JSON object that may contain nesting upto any level −const obj = {    "one": 1,    "two": {       "three": 3    },    "four": {       "five": 5,       "six": {          "seven": 7       },       "eight": 8    },    "nine": 9 };We are required to write a JavaScript function that takes in one such nested JSON object and returns a new object that contains no nesting and maps the corresponding values to the keys using the dot ...

Read More

Removing the odd occurrence of any number/element from an array in JavaScript

AmitDiwan
AmitDiwan
Updated on 22-Feb-2021 321 Views

Suppose, we have an array of numbers like this −const arr = [1, 6, 3, 1, 3, 1, 6, 3];We are required to write a JavaScript function that takes in one such array as the first and the only argument. Then the function should look for all such numbers in the array that appear for an odd number of times (excluding only once).For example, In the above array, the numbers 1 and 3 both appear for 3 times (odd), so our function should remove the third occurrence of both these numbers.And the output array should look like −const output = ...

Read More

Comparing corresponding values of two arrays in JavaScript

AmitDiwan
AmitDiwan
Updated on 22-Feb-2021 424 Views

Suppose we have two array of numbers of the same length like this −const arr1 = [23, 67, 12, 87, 33, 56, 89, 34, 25]; const arr2 = [12, 60, 45, 54, 67, 84, 36, 73, 44];We are required to write a JavaScript function that takes in two such arrays as the first and the second argument. The function should then compare the corresponding values of both the arrays, and the function should return −-1, if the count of corresponding numbers greater in the first array than the second array are more than corresponding numbers greater in the second array1, ...

Read More

Positive, negative and zeroes contribution of an array in JavaScript

AmitDiwan
AmitDiwan
Updated on 22-Feb-2021 396 Views

Suppose we have an array of integers, (positive, negative and zero) like this −const arr = [23, -1, 0, 11, 18];We are required to write a JavaScript function that takes in one such array as the first and the only argument. The function should then find the fractional ratio for all three different groups, namely positive, negative and zero.For example −For the above array, its length is 5, the output for this array should be −const output = [.2, .2, .6];The output array will always contain 3 numbers, representing the fractional ratio of negative, zero and positive integers respectively. One ...

Read More

How to set cookie value with AJAX request in JavaScript?

AmitDiwan
AmitDiwan
Updated on 22-Feb-2021 4K+ Views

We are required to set cookies with AJAX requests or in such a way that any AJAX request sends those cookies to the server.One thing to note here is that every AJAX request made to any remote server automatically sends all our cookies to that very server without us having to do anything. Therefore, with this thing clear, we just have to set a specific key to our document object using JavaScript and whenever we make a network call, that cookie will automatically be sent to the server which we are making the call to.The code for setting the cookie ...

Read More

Why doesn’t Postman get a “No 'Access-ControlAllow-Origin' header is present on the requested resource” error in JavaScript

AmitDiwan
AmitDiwan
Updated on 22-Feb-2021 775 Views

Problem:When we try to make network request to a remote server whose origin is different to our current url (from which we are making the request), we most likely get a CORS error due to different origin problem in the web, whereas while using a tool like Postman, we can successfully avoid this CORS error.We are required to explain the difference in behaviour of response when requested through web and when requested through an extension like postman.Explanation:When we make a network request to a different domain than our page is on using a web browser, it blocks that request and ...

Read More

HTML DOM Anchor rel Property

AmitDiwan
AmitDiwan
Updated on 20-Feb-2021 193 Views

The HTML DOM Anchor Rel property returns the rel attribute of a link. The rel attribute describes the association between the running document and the linked document.SyntaxFollowing is the syntax to −a) Return the rel property −anchorObject.relb) Set the rel property &minusanchorObject.rel = "value"ExampleLet us see an example of the HTML DOM anchor rel property −Live Demo Example Anchor Rel Property Click on the button Click me!    function display() {       var docs = document.getElementById("anchorExample").rel;       document.getElementById("show").innerHTML = docs;    } OutputThis will produce the following output −Click ...

Read More
Showing 3601–3610 of 6,517 articles
« Prev 1 359 360 361 362 363 652 Next »
Advertisements