i've try to built stopwatch from freecodecamp tutorial, when i add feature to reset it i realize that i should click twice to play after reset it.. any answer or solution for it? btw its my first question and i'm…
In my React app I have a page which consists of a list of item cards (each a separated component) and on each of those cards I have a table rendered from item's nested array objects. When I add an…
I need to execute a function on an element that may or may not exist in the DOM, using a querySelector (not querySelectorAll, because there will be at most one such element). The most elegant solution I can devise is:…
I set up a webpage with two headings, and two buttons. The webpage looks exactly like the following before pressing on anything: Counter-1 : (somenumber) [button] Counter-2: (somenumber) [button] If I click on the first button, the somenumber increments by…
`Why does it work outside the function tho? What's wrong? I dont get it... Tried adding return statemnts - still nothing. [[enter image description here](https://phpout.com/wp-content/uploads/2023/09/ZWAvj.png)](https://phpout.com/wp-content/uploads/2023/09/HteFI.png) DOESN'T WORK: function changeValue() { let charge = document.getElementById("myRange").value; document.getElementById("displayValue").innerHTML = charge; } WORKS: let…
I am learning about manipulating the DOM w/ javascript. I understood that JS can only access the DOM in a browser-environment, because the DOM is only available in the browser, and JS, being a "client-side" language, can run on the…
I am trying to display image in HTML. With 2 functions where users can click next or previous image. The next button works until it reach the max array in filePath and create an error. this is what the console…
I've got a div that's intermittently hidden in my app. <!-- Hidden --> <div aria-hidden="true">...</div> When making the div visible I omit the aria-hidden attribute, keeping the DOM clean and relying on the fact that the div is visible by…
INITIAL ISSUE ISSUE I'm currently working on a web project and I'm encountering an issue where I'm unable to display dynamic content using plain JavaScript. I'm trying to create a simple dashboard page that renders "Hello, this is the dashboard!"…
I'm using an SVG pre-provided to me, and defined using <defs> and <g> elements similar to that one below (I have removed most of the path elements content for simplicity): <svg xmlns="http://www.w3.org/2000/svg"viewBox="0 0 96 96" fill="none"> <defs> <path id="singlecolor" d="M94.9588…