Javascript Articles - Page 411 of 671

In this problem statement, our task is to calculate the median of an array with the help of Javascript functionalities. There are several ways that can be used to solve this task. One simple method to calculate median is using the built-in function of Javascript. Understanding the problem statement The problem statement is to write a function in Javascript that will help to calculate the median of a given array. For example, if we have an array of integers [1, 2, 3, 4, 5] so the median of this array is 3. Because 3 is the middle element of the ... Read More

Following is the code for calculating average of an array in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result,    .sample {       font-size: 18px;       font-weight: 500;       color: blueviolet;    }    .sample {       color: red;    } Calculating average of an array Check Click on the above button to see document state    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    let sampleEle = document.querySelector(".sample");    let arr = [1, 2, 3, 4, 5, 11, 22];    sampleEle.innerHTML = arr;    BtnEle.addEventListener("click", () => {       let sum = 0;       arr.forEach((item) => (sum += item));       resEle.innerHTML = "The average of the array = " + sum / arr.length;    }); OutputOn clicking the ‘Calculate’ button −

TextEncoder is used to convert a given string to utf-8 standard. It retunes an Uint8Array from the string.TextDecoder is used to covert a stream of bytes into a stream of code points. It can decode UTF-8 , ISO-8859-2, KOI8-R, GBK etc.Following is the code for TextDecoder and TextEncoder in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result, .sample {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    }    .result {       ... Read More

Following is the code to destructure function parameters in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample,    .result {       font-size: 18px;       font-weight: 500;       color: red;    }    .result {       color: rebeccapurple;    } De structuring function parameters CLICK HERE Click on the above button to call a function and pass above object to it as argument    let sampleEle = document.querySelector(".sample");   ... Read More

Exception can be rethrown after they have been caught by using the throw after catching the exception.Following is the code to re-throw errors in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    } Re-throw errors in JavaScript CHECK Enter a number bigger than 40 to re throw error;    let BtnEle = document.querySelector(".Btn");    let resEle = ... Read More

Following is the code to check if a document is ready in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 18px;       font-weight: 500;       color: blueviolet;    } Check if a document is ready Check Click on the above button to see document state    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    resEle.innerHTML = document.readyState + "";    BtnEle.addEventListener("click", () => {       if (document.readyState === "complete") {          resEle.innerHTML = "The page has finished loading completely";       } else {          resEle.innerHTML = "The page is still loading";       }    }); OutputOn clicking the ‘Check’ button −

Following is the code to reduce arrays in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result,    .sample {       font-size: 18px;       font-weight: 500;       color: red;    }    .result {       color: blueviolet;    }    button {       padding: 8px;    } Reduce arrays javascript [1,3,5,6,9,22,15] Sum Click on the above button to sum the elements of the array    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    let sampleEle = document.querySelector(".sample");    let arr = [1, 3, 5, 6, 9, 22, 15];    sampleEle.innerHTML = arr;    BtnEle.addEventListener("click", () => {       resEle.innerHTML =       "Sum = " +       arr.reduce((sum, prev) => {          return sum + prev;       });    }); OutputOn clicking the ‘Sum’ button −

The generator.throw() method is used to pass an error to the yield. The generator resumes the execution after throw has been called by throwing an error and returning object with properties done and value.Following is the code for generator.throw() in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result, .sample {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    }    .result {       color: red;    } generator.throw() method ... Read More

Following is the code for creating ‘copy to clipboard’ feature on a web page with JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    }    input,    button {       padding: 8px;    } Creating Copy to Clipboard Copy Text Click on the above button to copy text from the textbox    let resEle = document.querySelector(".result");   ... Read More

Following is the code for continuing a loop in functional programming JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    } Continuing a loop in functional programming JavaScript Click here Click on the above button to iterate fruitArr and skip mango and peach or not    let resEle = document.querySelector(".result");    let fruitArr = ["apple", "mango", "peach", "papaya", "watermelon"];    document.querySelector(".Btn").addEventListener("click", () => {       fruitArr.some(function (fruit) {          if (fruit === "mango" || fruit === "peach") {             return false;          }          resEle.innerHTML += fruit + "";       });    }); OutputOn clicking the ‘Click here’ button −