https://jsfiddle.net/df1Lhqb7/ I am trying to write a todo application and the completed part button works normally, but when I add a new element, it works as if the button is clicked 2 times. I am writing a todo app and by default it works when I press complete on the items in the list. But… Read More The elements I selected with querySelectorAll come 2 times in the for loop
I have this string: const str = "abbbaba"; I am looking for a way to split this string in groups of sandwiched letters, or all remaining letters. Examples My string should be split into this: ["abbba", "ba"] Where "abbba" is the first substring because it starts and ends with an "a". The last substring starts… Read More How to split a string into substrings that are sandwiched or separated by the same letter in JavaScript?
How do I achieve this with a single if ? In other words, if(fruit != "apple" || fruit != "orange"){ is not producing the expected result? fruits.forEach(function(fruit){ if(fruit != "apple"){ // < —-I want to use a compound OR, or compare multiple strings. if(fruit != "orange"){ // <———I want this nested if gone. console.log(fruit +… Read More JavaScript: If String Is Not A or B Then
when i click on the image it doesnt bubble up to the parent which does have the "questions" class and make the if condition true, isnt it supposed to work that way? document.addEventListener(‘click’, function(event){ if(event.target.classList.contains(‘questions’)){ const answers = event.target.nextElementSibling; answers.style.display = answers.style.display === “block”? “none” : “block”; } else{ document.querySelectorAll(‘dd’).forEach((dd)=>dd.style.display= “none”) } }); <div class=”faq-item”>… Read More click event doesn't bubble up on image thats nested in
I’m working on a small project that requires me to take a information from inside a div, wrap all instances of a certain word in a classed span tag, and then put everything back to the div again in the correct place. My JS is ok in grabbing the text I need and splitting it… Read More Add a span class to a word in a div, preserving existing HTML
I tried the following, but the dictionary only had one key. class dog { } dic = {} for(let i=0; i<3; i++) { dic[new dog()] = i; } for(var item in dic) { console.log(dic[item]); } But that was not what I intended. I wanted it to work like the following C# code, whose output is… Read More JavaScript: new objects of the same class as keys for a dictionary
I have this nested for-loop that I am having difficulty turning into a one liner. What is the best way to eliminate the nested for? Thanks. for (const house of this.houses){ for (const room of house.rooms){ this.plans.push(room.layout.id); } } >Solution : You could map the nested id. this.plans = this.houses.flatMap(({ rooms }) => rooms.map(({ layout:… Read More Turn nested for into a one-liner in javascript
I have the below code <li class="nav-item"> <a class="nav-link" href="#" onclick="showNotConfirmedDiv()"> <span data-feather="file-text"></span> Not Confirmed<span class="badge updateBadge">1</span> <!– TODO ONLY SHOW BADGE IF THERE IS A NUMBER!!!!! –> </a> </li> I want the add active to the class for the anchor tag when I hit the li.a tag <li class="nav-item"> <a class="nav-link active" href="#" onclick="showNotConfirmedDiv()">… Read More Adding class to A tag after onclick
I try to use forEach and push a new array to achieve it, but the result is wrong. const dummyArray = [ [45292, 1, 2], [46292, 5, 6], [47292, 9, 10], ] const resultArray: any[] = [] dummyArray.forEach((elementValue, index) => { resultArray.push({ date: ”, price: ”, code: ” }) elementValue.forEach(value => { if (index ===… Read More How to change multiple array becomes array with object?
I’m getting data in the form of date and time: Monday Jan 23 10:14:27 2024 How in Javascript using .replace to remove everything except time without seconds: 10:14 . Please tell me, because I am already lost in these regular expressions. Thank you all. >Solution : Use String.prototype.match const reg = /\d{2}:\d{2}/ const str =… Read More How to delete data by mask in Javascript using .replace or something else?