All Questions
153 questions
0
votes
0
answers
58
views
I can't seem to reflect my lists with my updated data whenever position is changing
I've been sitting with this problem for days, and I can't quite figure out what's wrong with my code.
My problem is that whenever my data gets re-ordered or change position, like changing the tabs ...
0
votes
1
answer
56
views
todolist need double click to line-through item
I'm making a todolist that add item when I click on add button. For the first time I click the item, The item is expected to have line-through when I click one time on it. However, I need to double ...
1
vote
3
answers
35
views
React list onClick function isn't triggering active toggle, how to troubleshoot?
Making the active toggle on
I am currently working with React and I made a list where they will have active states and I already made the onClick functions but it won't work. If I try to click and ...
0
votes
0
answers
643
views
Creating an @mention system with a suggestion list in a textarea using JavaScript
I would like to create an @mention system in a textarea where any word that begins with @ is highlighted in blue color. In addition, when the user starts typing @, a suggestion list should appear next ...
0
votes
1
answer
422
views
How can I make a list of images clickable (modal images) in html?
I want to make a section of modal images but I don't know how to combine one modal image with another, and it doesn't seem to work when I copy-paste everything for every modal image and do it all ...
0
votes
0
answers
55
views
Select first three li elements of each individual list to each specific p tag
So basically to make it easy to explain, this HTML code below is what I am looking to achieve through using JavaScript, I do not want to use jQuery for this.
<div class="list-desc">
...
1
vote
1
answer
446
views
adding delete button to javascript to do list items
I am trying to add delete button to each item in a list. Adding them works as long as I do not have the delete button.
const newcontainer = document.getElementById("toDoContainers");
//gets ...
0
votes
1
answer
654
views
React scrolling component stutters and list items disappear on laptop monitor only
My component is a basic div with style overflow-y: scroll. The child element is a ul with display: flex; and each list item has only position: relative
My Scroll Component items flash and stutter, ...
0
votes
2
answers
816
views
How do you make custom icons for bullet points in html/css/javascript
I am working on a homepage for my website and I am trying make a custom bullet point. I have the file uploaded to the image folder of the project I am working on, but everytime I test to see if it ...
2
votes
2
answers
57
views
JS Content Generation Prolem
Introduction( kind of :) )
First of all I generate 5 coffee beans for one coffee. The coffee class has the attribute strength and i want to grey out the coffee beans which are > strength (Like in ...
0
votes
0
answers
99
views
list of item on top of each other
I used map function to display item in API but in print they have been printed on top of each other
They must be 4 items : screenshot here
how I can make padding for them
<div>
...
1
vote
1
answer
57
views
After executing a function style is no more displayed
I need to display some boxes, however when I activate the function to order them the padding between each box desappears. Do you know how to fix this?
<html lang="en">
<head>...
0
votes
3
answers
62
views
Keep Getting an error in javascript about a node
so im trying to make a list of the input from the user and i keep getting this error
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<...
0
votes
1
answer
34
views
List item not adjusting itself to bottom of menu
I have created a menu of nested list. The problem is, when I add a second nested list, the last li element among the first group of list elements doesn't adjust it's height from the top of the page to ...
0
votes
2
answers
116
views
filter HTML list with JS
I am not very familiar with HTML and JavaScript, so my learning is based on reverse engineering code.
The code I'm using filters a table based on a keyword modified I can also add this code to a ...