i wanted to create a webpage for creating memes as a fun project. so far, i am attempting to add a new image element to the body of the document via JS using the url that is entered into the…
I'm trying to clear the data that's in each child element of a parent element without removing (or hiding) the actual child elements. To reproduce the problem: Enter data for Test1 and Test2 Click the checkbox 'Use actual data' and…
I'm trying to make two React Apps communicate by sending messages containing stringified objects. The parent (http://localhost:3000) sends a message through postMessage like so: let iframe = document.querySelector("iframe") useEffect(() => { if (!!localStorageObject && !!iframe) { iframe?.contentWindow?.postMessage(localStorageObject, "http://localhost:3001") } },…
I am trying to add items from my array in javascript into my html list. I have gotten it where the array displays but my entire array displays in one bullet point on my list instead of each item on…
I made a gradient sandbox program with JS/HTML/CSS, basically to practice dom manipulation. So far, I have a working program where I can move a box around the screen with the arrow keys, change it's heighth, width, border radius, and…
I was trying to code a simple To Do list with DOM and CSS concepts, starting with a function that appends new tasks to the html. And worked, but even that new tasks appended having the same class as the…
I could make a hidden form by style.display = 'none': var form = document.createElement("form"); form.method = "POST"; form.action = "//test.local/login.php"; form.style.display = 'none'; I thought instead of hiding I could leave form out of the document DOM, like removing the…
I am trying to perform an exercise where I toggle the visibility of an element by accessing its ID. I can get it to disappear when I click it. However I dont understand what is wrong with my code so…
When an input field is selected on iOS Safari, about ≈150px is injected, outside of the DOM, below the HTML tag In the screenshot above the green border has been applied to the HTML element - and the black scrollable…
I'm trying to grab an element from page and add an addEventHandler to it. Element (link with class .catalog__link) was dynamically created in another external function when the page was loaded using insertAdjacentHTML. I invoke them both in third js…