Found 9150 Articles for Object Oriented Programming

List View Search list on typing with filter like keyword search using jQuery?

AmitDiwan
Updated on 10-Sep-2020 07:25:48

4K+ Views

Let’s the following is our input type, wherein the user will search −Now, use hide() and show() to display only relevant search and hide rest. For example, on typing “Ja”, related keywords like “Java” and “JavaScript” should be visible because it begins with “Ja”.Example Live Demo Document Enter the keyword.. JavaScript John Smith Java David Miller -1) {             $(this).show();             $(this).prev('.subjectName').last().show();          } else {             $(this).hide();     ... Read More

How to hide table rows containing zero value with jQuery?

AmitDiwan
Updated on 10-Sep-2020 07:22:42

1K+ Views

Let’s say the following is our table with product quantity records − qty: qty: qty: qty: Let us now hide using the hide() method. Following is the code −Example Live Demo Document qty: qty: qty: qty:    $('.hideRowContainingZeroValue input').filter(function(){       return +this.value === 0;    }).closest("tr").hide() 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.OutputThis will produce the following output −

How to subtract date from today's date in JavaScript?

AmitDiwan
Updated on 10-Sep-2020 07:20:14

1K+ Views

You need to use currentDate with the help of new Date().getDate(). The syntax is as follows −var anyVariableName= yourCurrentDate - yourSubstractDateOfCurrentMonth;Examplevar currentDate=new Date().getDate(); var substractDate=new Date("2020-07-01").getDate(); const numberOfDaysInCurrentMonthOnly = currentDate-substractDate; console.log(numberOfDaysInCurrentMonthOnly);NoteToday’s date is - 28-07-2020To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo129.jsPS C:\Users\Amit\JavaScript-code> node demo129.js 27

JavaScript how to get an alert to appear when I click on a button in a class?

Shriansh Kumar
Updated on 04-Oct-2024 14:51:12

2K+ Views

An alert in JavaScript is a dialog box that is displayed to the user when some important information or warnings needs to be notified. It may contain a message along with OK button. When you click on the OK button, it will dismiss the dialog. Clicking a button triggers an event handler which invoke a function that instructs the browser to display a dialog with a message. In this article, we will explore a few ways to get an alert to appear when user click on a button. For example, click on the button given below to get an ... Read More

How to use the map function to see if a time is in a certain time frame with JavaScript?

AmitDiwan
Updated on 10-Sep-2020 07:16:15

217 Views

Let’s say, we have subject records with the time when we are planning to study them −const scheduleDetails = [    { subjectName: 'JavaScript', studyTime: '5 PM - 11 PM' },    { subjectName: 'MySQL', studyTime: '12 AM - 4PM' } ]Here is how we can use the map(). Following is the code −Exampleconst scheduleDetails = [    { subjectName: 'JavaScript', studyTime: '5 PM - 11 PM' },    { subjectName: 'MySQL', studyTime: '12 AM - 4PM' } ] function timeToReadSubjectName(scheduleDetails) {    var currentTime = new Date().getHours();    let result = '';    scheduleDetails.map(obj => {       ... Read More

How to format JSON string in JavaScript?

AmitDiwan
Updated on 10-Sep-2020 07:14:36

1K+ Views

To format HSON string in JavaScript, use JSON.stringify() with some parameters. Following is the code −Examplevar details = {    studentId: 101,    studentFirstName: 'David',    studentLastName: 'Miller',    studentAge:21,    subjectDetails: {       subjectId: 'JavaScript_101',       subjectName: 'Introduction to JavaScript',    } }; console.log("Not Pretty JSON Format=") console.log(JSON.stringify(details)); console.log("Pretty JSON Format=") console.log(JSON.stringify(details, null, 3));To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo127.js.OutputThis will produce the following output −PS C:\Users\Amit\JavaScript-code> node demo127.js Not Pretty JSON Format= {"studentId":101, "studentFirstName":"David", "studentLastName":"Miller", "studentAge":21, "subj ectDetails":{"subjectId":"JavaScript_101", "subjectName":"Introduction to JavaScript"}} Pretty ... Read More

JavaScript to check consecutive numbers in array?

AmitDiwan
Updated on 10-Sep-2020 07:13:26

2K+ Views

To check for consecutive numbers like 100, 101, 102, etc., use the concept of reduce(). TRUE would be returned for consecutive numbers, else false is the return value.Exampleconst sequceIsConsecutive = (obj) => Boolean(obj.reduce((output, lastest) => (output ? (Number(output.number) + 1=== Number(lastest.number) ? lastest : false) : false))); console.log("Is Consecutive="+sequceIsConsecutive ([{ number: '100' }, {number: '101'} ,{number: '102' }])); console.log("Is Consecutive="+sequceIsConsecutive([{ number: '100' }, {number: '102'} ,{number: '104' }]));To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo126.js.OutputThis will produce the following output −PS C:\Users\Amit\JavaScript-code> node demo126.js Is Consecutive=true Is Consecutive=falseRead More

JavaScript Adding array name property to JSON object [ES5] and display in Console?

AmitDiwan
Updated on 10-Sep-2020 07:11:11

161 Views

Following is our object −var customerDetails ={    "customerFirstName":"David",    "customerLastName":"Miller",    "customerAge":21,    "customerCountryName":"US" };Now, create a new array and use push() function. Following is the code −Examplevar customerDetails ={    "customerFirstName":"David",    "customerLastName":"Miller",    "customerAge":21,    "customerCountryName":"US" }; var customerObjectToArray = []; customerObjectToArray.push(customerDetails); console.log(customerObjectToArray);To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo125.js.OutputThis will produce the following output −PS C:\Users\Amit\JavaScript-code> node demo125.js [    {       customerFirstName: 'David',       customerLastName: 'Miller',       customerAge: 21,       customerCountryName: 'US'    } ]

Change input type value attribute in jQuery

AmitDiwan
Updated on 10-Sep-2020 07:09:35

5K+ Views

Let’s say the following is our input type with value, “John Smith” −To change, use the attr() method −$('#changeTheName').attr('value', 'Please enter your name.......');You need to use the concept of attr(). Following is the code −Example Live Demo Document    $('#changeTheName').attr('value', 'Please enter your name.......'); 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.OutputThis will produce the following output −

Insert a word before the file name’s dot extension in JavaScript?

AmitDiwan
Updated on 10-Sep-2020 07:07:14

447 Views

Let’s say the following is our file name −var actualJavaScriptFileName = "demo.js";Following is the word to be inserted before the dot extension −var addValueBetweenFileNameAndExtensions = "programming";At first, you need to split() the file name on the basis of dot(.) and then to insert a character, you can use the concept of template variables. Following is the code −Examplevar addValueBetweenFileNameAndExtensions = "programming"; var actualJavaScriptFileName = "demo.js"; console.log("The actual File name="+actualJavaScriptFileName); var [fileName, fileExtension] = actualJavaScriptFileName.split('.'); console.log("After adding into the file name="); console.log(`${fileName}- ${addValueBetweenFileNameAndExtensions}.${fileExtension}`)To run the above program, you need to use the following command −node fileName.js.OutputHere, my file name is demo124.js. ... Read More

Advertisements