Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
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 −
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
To convert string type value to array type, use the parse() method. Following is the code −Examplevar customerDetails='[ {"name": "John", "countryName": "US"}, {"name": "David", "countryName": "AUS"}, {"name": "Bob", "countryName": "UK"} ]'; console.log("The actual value="+customerDetails); var convertStringToArray=JSON.parse(customerDetails); console.log("After converting string to array objects="); console.log(convertStringToArray);To run the above program, you need to use the following command −node fileName.js.OutputHere, my file name is demo123.js. This will produce the following output −PS C:\Users\Amit\JavaScript-code> node demo123.js The actual value=[{"name": "John", "countryName": "US"}, {"name": "David", "countryName": "AUS"}, {"name": "Bob", "countryName": "UK"}] After converting string to array objects=[ { name: 'John', countryName: 'US' ... Read More
At first, set the element −Replace This strong tagThe id attribute set above would be used set the text using # −$(document).ready(function(){ $("#strongDemo").html("Actual value of 5+10 is 15....."); });Example Live Demo Document Replace This strong tag $(document).ready(function(){ $("#strongDemo").html("Actual value of 5+10 is 15....."); }); 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 −
To set an element and it’s text, use the text() method in jQuery. With that, use the :nth-child selector to place it at a particular position. Following is the code −Example Live Demo Document JavaScript MySQL MongoDB Java C# $('h1:nth-child(4)').text("Python"); 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 −
To group JSON data, you need to extract all the keys and use the push(). Following is the code −Examplevar details= { "1": { name:"John" }, "2": { name:"John" }, "3": { name:"David" } var objectWithGroupByName = {}; for (var key in details){ var name = details[key].name; if (!objectWithGroupByName[name]){ objectWithGroupByName[name] = []; } objectWithGroupByName[name].push(details[key]); } console.log(objectWithGroupByName);To run the above program, you need to use the following command −node fileName.js.OutputHere, my file name is demo122.js. This will produce the following output −PS C:\Users\Amit\JavaScript-code> node demo122.js { John: [ { name: 'John' }, { name: 'John' } ], David: [ { name: 'David' } ] }
Let’s say the following is our variable −var message = 'This is the Class Demo';Following is our object, var object = new FirstClass(message)The class FirstClass −class FirstClass{ constructor( message){ this.message = message; } }We will use eval() to call a JavaScript class object with variable. Following is the code −Exampleclass FirstClass{ constructor( message){ this.message = message; } } var message = 'This is the Class Demo'; var object = new FirstClass(message) console.log(eval(object).message);To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo121.js.OutputThis ... Read More
Let’s say the following is our object −var details ={ firstName: "John", lastName: "Smith", age:21, subjectName:"JavaScript", marks:89, coutryName:"US", collegeName:"MIT", passoutYear:2018 };Following is the code to fetch only a subset −Examplevar details ={ firstName: "John", lastName: "Smith", age:21, subjectName:"JavaScript", marks:89, coutryName:"US", collegeName:"MIT", passoutYear:2018 }; var selectedFieldFromObjectDetails = (({ firstName, subjectName, marks, passoutYear }) => ({ firstName, subjectName, marks, passoutYear }))(details); console.log(selectedFieldFromObjectDetails);To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo120.js.OutputThis will produce the following output −PS ... Read More
Let’s say the following is our comma separated text in div − This, is, the, first, JavaScript, program To convert comma separated text into separate lines, you need to use trim() along with split() on the basis of comma(, ).Example Live Demo Document This, is, the, first, JavaScript, program var allTheData = document.querySelector('.commaSeparated').textContent.trim().split(', ') var separateList = '' allTheData.forEach(function(value) { separateList += '' + value + ''; }); separateList += ''; document.querySelector(".commaSeparated").innerHTML = separateList; To run the ... Read More
Let’s say the following is our nested objects −var details = [ { id:"101", firstName:"John", lastName:"Smith", age:25, countryName:"US", subjectDetails: { subjectId:"Java-101", subjectName:"Introduction to Java" }, }, { "uniqueId": "details_10001" } ]Use map() along with typeOf to access nested objects. Following is the code −Examplevar details = [ { id:"101", firstName:"John", lastName:"Smith", ... Read More