I want the red pieces' children to be draggable and droppable onto the grid. Specifically, I want the pieces to be dropped separately. For example, when I drag redPiece5 and drop it onto a grid, not all pieces should go…
I have an array "stringsArray" and I need to append all its items to a div as "li" items. That should happen when the person hovers over the div. The "li" elements should also be removed when the div is…
I want to create an unordered list using vanilla JS to create a list from an array of objects. Not sure how to do that. This is my current code: let myObj = [ {name: "Harry Potter", author: "JK Rowling"},…
can anybody could me explain how i can avoid duplicate my categories? - Im new in js/api things. dom-utils.js: const createCategorySelectOptions = (expense) =>{ const selectOption = document.createElement("option"); selectOption.text = expense.category; selectOption.value = expense.category; return selectOption; } const createCategorySelectElement =…
In the code below, create() works fine the first time but in the second time something goes wrong at boxWrapper.appendChild(box);. seems like the removeChild messes up the parent box-wrapper properties. function pixels() { const value = document.querySelector("#value") const input =…
In JavaScript, the element.append() function accepts multiple parameters. append(param1, param2, /* … ,*/ paramN) I would like to append a set of elements in one time (for performance reason) to prevent reflow between call of el.append(). Here is a simple…
I am making some mapping with moviedb api using innerhtml, the problem i am having is with the Main.appendChild where the appendChild is handle as a property and not as a function. I am having the same issue in the…