Found 6710 Articles for Javascript

Explain the callback Promise.finally in JavaScript

AmitDiwan
Updated on 15-Jul-2020 13:06:56

204 Views

The promise.finally() calls the callback function whether a promise has been fulfilled or rejected. This helps us to do something once the promise has been rejected or resolved.Following is the code for Promise.finally() in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 20px;       font-weight: 500;    } Promise.finally in JavaScript CLICK HERE Click on the above button to know when the promise finishes    let btnEle = ... Read More

Named capture groups JavaScript Regular Expressions

AmitDiwan
Updated on 15-Jul-2020 13:03:30

179 Views

With JavaScript, you can group s part of regular expression. This can be done by encapsulating characters in parentheses.Following is an example −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample, .result {       font-size: 20px;       font-weight: 500;    } Named capture groups Regular Expressions The year in which i passed school was 2012. CLICK HERE Click on the above button to extract the year using named groups    let sampleEle = ... Read More

Lookbehind Assertions JavaScript Regular Expressions

AmitDiwan
Updated on 15-Jul-2020 12:57:57

161 Views

Lookbehind allows matching a pattern only if there’re something before.Following is an example −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample, .result {       font-size: 20px;       font-weight: 500;    } Look behind Assertions Regular Expressions The price for 4 tables are $50 , $99 , $121 and $150. CLICK HERE Click on the above button to extract the table price using lookbehind    let sampleEle = document.querySelector(".sample").innerHTML;    let btnEle = document.querySelector(".btn");    let resEle = document.querySelector(".result");    const priceRegex=/(? {       resEle.innerHTML = "Table price are = "+sampleEle.match(priceRegex);    }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −

Unicode Property Escapes JavaScript Regular Expressions

AmitDiwan
Updated on 15-Jul-2020 12:56:25

207 Views

The Unicode property escapes regular expressions, allow us to match characters based on their Unicode properties by using the flag u.ExampleFollowing is an example − Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample, .result {       font-size: 20px;       font-weight: 500; } Unicode Property Escapes JavaScript Regular Expressions Hello 😆😀 World 🙂😊 CLICK HERE Click on the above button to extract the emojis using regex    let sampleEle = document.querySelector(".sample").innerHTML;    let btnEle ... Read More

Rest and Spread operators in JavaScript

AmitDiwan
Updated on 15-Jul-2020 12:53:19

6K+ Views

The rest operator (…) allows us to call a function with any number of arguments and then access those excess arguments as an array. The rest operator also allows us in destructuring array or objects.The spread operator (…) allows us to expand an iterable like array into its individual elements.ExampleFollowing is the code showing the rest and spread operator in JavaScript − Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample, .result {       font-size: 20px;       font-weight: 500;    } ... Read More

How can I disable JavaScript click function if link starts with #?

AmitDiwan
Updated on 15-Jul-2020 12:57:55

409 Views

For this, use preventDefault() in JavaScript. Following is the JavaScript code −Example Live Demo Document Press Me to see logs Press Me to see logs in console Nothing will happen    $(function(){       $("a:not([href='#'])").click(function(event){          event.preventDefault();          console.log("You have pressed me!!!!!");       });    }); To run the above program, save the file name anyName.html(index.html) and right click on the file. Select the option Open with live server in VS code editor.OutputIf you click the two links, Press Me ... Read More

How to disable default behavior of when you press enter with JavaScript?

AmitDiwan
Updated on 14-Jul-2020 17:18:15

325 Views

For this, you need to use keyDown as well as preventDefault(). Following is the JavaScript code −Example Live Demo Document    const pressEnter = (event) => {       if (event.key === "Enter") {          event.preventDefault();       }    };    document.getElementById("disableDefaultTime").addEventListener("keydown",    pressEnter); To run the above program , just save the file name anyName.html(index.html) and right click on the file and select the option open with live server in VSCode editor.OutputFollowing is the output. When you press Enter key nothing will be displayed.You need to use keyDown to get time as in the below screenshot −

How to disable future dates in JavaScript Datepicker?

AmitDiwan
Updated on 14-Jul-2020 17:20:31

14K+ Views

In order to disable future dates, you need to use maxDate and set the current date. Following is the JavaScript code −Example Live Demo Document The selected date is as follows:    $(document).ready(function () {       var currentDate = new Date();       $('.disableFuturedate').datepicker({       format: 'dd/mm/yyyy',       autoclose:true,       endDate: "currentDate",       maxDate: currentDate       }).on('changeDate', function (ev) {          $(this).datepicker('hide');       });       $('.disableFuturedate').keyup(function () {     ... Read More

Explain Behavior Driven Framework.

Debomita Bhattacharjee
Updated on 11-Jun-2020 12:18:52

331 Views

Behavior driven framework takes the inputs from all the stakeholders in the project like the developers, testers, product owners, managers, customers and business analysts. The idea is to bring each of the members of the project in the same understanding.Behavior driven framework works on collaboration and coordination among everyone in the team. Technical coding knowledge is not necessary since the functional requirements or specifications are described in non – technical, common language.This specification can be used as a standard template for the testers while designing the test cases by both automation and manual testers. Test coverage for each business scenario ... Read More

State differences between Data Driven and Keyword Driven Framework.

Debomita Bhattacharjee
Updated on 11-Jun-2020 12:17:23

1K+ Views

The differences between Data Driven and Keyword Driven framework are described below.In data driven testing, we can run our tests on multiple data in multiple combinations with the help of parameterization. Here the data is treated as an input to the test script logic. Each data set can be treated as a separate test case.In keyword driven testing, the keywords that are developed represent an action. A list of keywords maintained in sequence form a test case. Thus a keyword once developed can be used in multiple test scripts.The data driven framework revolves around the data (maintained in excel, csv ... Read More

Advertisements