To refresh page, use the location.reload() in JavaScript. The sample JavaScript code is as follows −Example Live Demo Document UserName: Password: Refresh Page $('#RefreshPage').click(function() { location.reload(); }); 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 −After filling the form, the snapshot is as follows −When you click the button “Refresh Page”, the page will refresh and the following output is visible −
Let’s say the following is our input text −StudentName:To lose input hints on pressing mouse cursor, use onFocus and onBlur concept.Example Live Demo Document StudentName: function guessFocus() { if (this.value == this.defaultValue) this.value = ''; } function guessBlur(event) { if (this.value == '') this.value = this.defaultValue; } var event = document.getElementById('studentName'); event.onfocus = guessFocus; event.onblur = guessBlur; To run the above program, save the file name “anyName.html(index.html)” and ... Read More
You can use classList.add() along with append(). Use the document.createElement() to create a new div and the classList.add() would add the CSS class.(.class selector).Example Live Demo Document .add-all-subject { display: grid; height: 100px; width: 100px; grid-template-columns: 2fr 2fr 2fr 2fr 2fr; grid-template-rows: 2fr; grid-column-gap: 5.9rem; grid-row-gap: 2rem; color: red; border: 2px solid red; } Add Subjects const addSubjectArea = document.getElementById("add-subject"); ... Read More
At first, you need to split() the string on the basis of space and extract the first character using charAt(). Use toUpperCase() for the extracted character.Examplefunction capitalizeTheFirstLetterOfEachWord(words) { var separateWord = words.toLowerCase().split(' '); for (var i = 0; i < separateWord.length; i++) { separateWord[i] = separateWord[i].charAt(0).toUpperCase() + separateWord[i].substring(1); } return separateWord.join(' '); } console.log(capitalizeTheFirstLetterOfEachWord("my name is john"));To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo43.js.OutputThis will produce the following output with first letter capitalize −PS C:\Users\Amit\JavaScript-code> node demo43.js My Name ... Read More
Let’s say the following is our array with similar values −const listOfStudentName = ['John', 'Mike', 'John', 'Bob', 'Mike', 'Sam', 'Bob', 'John'];To remove similar values from array, use the concept of set(). Following is the code −Exampleconst listOfStudentName = ['John', 'Mike', 'John', 'Bob', 'Mike', 'Sam', 'Bob', 'John']; console.log("The value="+listOfStudentName); const doesNotContainSameElementTwice = [...new Set(listOfStudentName)]; console.log("The Array="); console.log(doesNotContainSameElementTwice)To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo42.js.OutputThis will produce the following output −PS C:\Users\Amit\JavaScript-code> node demo42.js The value=John, Mike, John, Bob, Mike, Sam, Bob, John The Array= [ 'John', 'Mike', 'Bob', 'Sam' ]Read More
Use the condition with “” and NULL to check if value is empty. Throw a message whenever ua ser does not fill the text box value.Example Live Demo Document USERNAME: function checkingUserName() { var username = document.forms["register"]["username"].value; if (username == null || username == "") { alert("Please enter> the username. Can’t be blank or empty !!!"); return false; } } To run the above program, save ... Read More
Yes, you can use Object.fromEntries() along with substr(). Under substr(), mention the index from where to begin the substring and the length.Exampleconst originalString = { "John 21 2010" :1010, "John 24 2012" :1011, "John 22 2014" :1012, "John 22 2016" :1013, } const result = Object.fromEntries(Object.entries(originalString). map(([k, objectValue])=> [k.substr(0, k.length-5), objectValue])); console.log(result)To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo41.js.OutputThis will produce the following output −PS C:\Users\Amit\JavaScript-code> node demo41.js { 'John 21': 1010, 'John 24': 1011, 'John 22': 1013 }
Get data from tag using find() and store that data into array using push(). Let’s say the following is our table − Name Age John23 David26 Let’s fetch the data from and store in an array. Following is the complete code −Example Live Demo Document .notShown { display: none; } Name Age John23 David26 var convertedIntoArray = []; $("table#details tr").each(function() { var rowDataArray = ... Read More
Take an array to store the frequency of each character. If similar character is found, then increment by one otherwise put 1 into that array.Let’s say the following is our string −var sentence = "My name is John Smith";Following is the JavaScript code to count occurrences −Examplevar sentence = "My name is John Smith"; sentence=sentence.toLowerCase(); var noOfCountsOfEachCharacter = {}; var getCharacter, counter, actualLength, noOfCount; for (counter = 0, actualLength = sentence.length; counter < actualLength; ++counter) { getCharacter = sentence.charAt(counter); noOfCount = noOfCountsOfEachCharacter[getCharacter]; noOfCountsOfEachCharacter[getCharacter] = noOfCount ? noOfCount + 1: 1; } for (getCharacter in noOfCountsOfEachCharacter) { ... Read More
Let’s say we have the following string with special character sequence −var fullName=" John Smith ";To separate the above string into substring, use regex and then split(). The syntax is as follows −var anyVariableName=(/\s*\s*/g); var anyVariableName=yourVariableName.trim().split(yourVariableName);Following is the complete JavaScript code −Examplevar fullName=" John Smith "; console.log("The Value="+fullName); var regularExpression=(/\s*\s*/g); var seprateName=fullName.trim().split(regularExpression); console.log(seprateName);To run the above program, you need to use the following command −node fileName.js.Here, my file name is demo39.js.OutputThis will produce the following output −PS C:\Users\Amit\JavaScript-code> node demo39.js The Value= John Smith [ 'John', 'Smith' ]Read More