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.…
I want to pass a captcha on website https://sirus.one/#play and I need to set the solved captcha value in textarea.g-recaptcha-response -> div.innerText. TextArea has shadowRoot where website saving the response of recaptcha. I tried to access shadowRoot like that: document.querySelector("textarea.g-recaptcha-response").shadowRoot,…
I have some script which makes replacements. It works fine, but because of replaced values standing close to each other i've got more than one between values. It looks like: <br /> Value <br /> Value <br /> <br />…
I have been given an unusual goal and that is to create an XML with no CDATA element from a multidimensional array with these constraints: CDATA shouldn't be used <, >, ', ", & - These chars should be encoded.…