Following is the code for passing a function as a callback in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; color: blueviolet; } Passing a function as a callback CLICK HERE Click on the above button to pass the add2() function as callback to multiply9() function let resEle = document.querySelector(".result"); function add2(a) { return a + 2; } function multiply9(fn, num) { return fn(num) * 9; } document.querySelector(".Btn").addEventListener("click", () => { resEle.innerHTML = "The number returned = " + multiply9(add2, 12); }); OutputOn clicking the ‘CLICK HERE’ button −
Following is the code for invoking functions with call() and apply() 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; } Invoking functions with call() and apply() Click Here Click on the above buttons to invoke functions with call() and apply() method let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); function addNum(num1, num2, num3, num4) { ... Read More
Following is the code to implement queue 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; } button { padding: 6px; margin: 4px; } Implementation of queue in JavaScript. Enqueue Dequeue Display Click on the above buttons to perform queue operations let resEle = document.querySelector(".result"); let BtnEle = ... Read More
Following is the code to implement stack 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; } button { padding: 6px; margin: 4px; } Implementation of Stack in JavaScript. Push Pop Display Click on the above buttons to perform stack operations let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); ... Read More
Suppose we have a positive integer N, we reorder the digits in any order (including the original order) such that the leading digit is non-zero. We have to check whether we can do this in a way such that the resulting number is a power of 2. So if the number is like 46, then the answer will be true.To solve this, we will follow these steps −Define a method called count, this will take x as inputret := 0while x is not 0ret := ret + 10 ^ last digit of xx := x / 10return retFrom the main ... Read More
Following is the code to loop through array of arrays containing objects 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; } Loop through array of arrays containing objects in JavaScript CLICK HERE Click the above button to loop throught the arrObj let BtnEle = document.querySelector(".Btn"); let resEle = document.querySelector(".result"); let arrObj = [ ... Read More
Following is the code to pass event objects from one function to another in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } Pass event objects from one function to another in JavaScript CLICK HERE Click the above button to change its font size and color function changeFont(event) { event.target.style.fontSize = "32px"; changeColor(event); } function changeColor(event) { event.target.style.color = "red"; } OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −
Following is the code to change an object key without changing the original array in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } Change an object Key without changing the original array CLICK HERE Click the above button to change the name object key to fullName let BtnEle = document.querySelector(".Btn"); let resEle = document.querySelector(".result"); let sampleEle = document.querySelector(".sample"); let obj = [ { name: "Rohan Sharma", age: 12 }, ... Read More
Following is the code to a JavaScript array with a condition 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; } Joining a JavaScript array with a condition CLICK HERE Click the above button to join the array elements that are divisible by 2. let BtnEle = ... Read More
Following is the code to join two arrays together 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; } Join two arrays in JavaScript CLICK HERE Click the above button to join the above two arrays together. let BtnEle = document.querySelector(".Btn"); let resEle = document.querySelector(".result"); ... Read More