I am currently working on a on a small project, if you can call it that way. It’s pretty simple two buttons which affect a <p> element that alone works, but now I decided to use Objects and DOM to…
I'm using a switch statement to determine which button is being pressed, they both work with the same function when changing the documents background color, however, when I pass in the actual element and target it within the function and…
I am trying to position a svg with text in exactly the same position as div with text, no matter the font family used or font size The problem comes with the first element being offset in x and y…
This is my Ball: import CSS from "csstype"; const circleAroundNumber: CSS.Properties = { borderRadius: "50%", width: "70px", height: "70px", padding: "8px", position: "absolute", borderBlockWidth: "2px", borderBlockColor: "black", textAlign: "center", fontSize: "32px", fontFamily: "Arial, sans-serif", }; interface Props { children: string;…
I am doing a "pixel art" web page, and I don't want the "pencil" to draw when I am not pressing the button on the mouse, I try to do this but either I can make the "pencil" work with…
I have recently been trying to understand how to select elements and manipulate them using the html tree generator and JavaScript. How do I select the second last element of the last element child and also how do I select…
I am trying to use localStorage to store and load the checked state of a checkbox. The values are being correctly stored and retrieved from localStorage, but the checkbox is not reflecting these values when the page loads. Here’s a…
I want to select OKBTN let main = document.querySelector("#main"); let okBtn = document.querySelector("#ok"); function myAlert(title,msg,icon){ let card = ""; card += `<div class="card"> <img src="${icon}.jpg"> <h1>${title}</h1> <p>${msg}</p> <button id="ok">OK</button> </div>`; main.innerHTML = card; } okBtn.addEventListener("click", function(){ main.style.display = "none"; });…
I need to save my DOM structure as SVG image. To do so I transform some elements according to SVG standards. SVG demands that line break and img tag shall have closing tags. When I try to replace them in…
<div class="h-fit w-fit min-h-fit min-w-fit resize overflow-hidden bg-gray-200"> <div> Content goes here.</div> <div> Content goes here.</div> <div> Content goes here.</div> <div> Content goes here.</div> <div> Content goes here.</div> </div> The above is a minimal example tested in firefox and edge.…