Css – Getting element width as a percentage
I have an input elements whose width is set as a percentage in css. All these elements have a common class 'display-class' Eg. input.test1 { width: 60% } Now in JS, I am trying to set a wrapper div to…
Html – Button created from javascript is not clickable
HTML <div class="wrapper"> <div class="bg-backdrop"></div> </div> CSS .wrapper { position: relative; z-index: 10; } .bg-backdrop { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: black; opacity: 0.2; } JS const button = document.createElement("button") const subject = document.querySelector(".bg-backdrop")…
Javascript – How do I target two DOM collections?
I'm very new to JS, I'm trying to link two collections. I'm trying to make it so if an HTML element is a certain color, the parent HTML element will be clicked. If anyone could give any advice it would…
Html – Looping through an array and printing elements to the DOM
I'm having trouble accessing an array, and looping through the array then printing the elements inside the array to the DOM. For some reason, it just print's only "Relish" and it doesn't print the two other elements inside the array…
document.getElementById().innerHTML isn't working, but I can log the value of that element to the console. What's going on?
I am currently re-writing a small project in which a charitable organisation based in Australia is scored against a series of questions. Previously, the HTML was poorly formatted with no form tags, no indentation, etc. so I decided to re-write…
Reactjs – can not access or manipulate the dom using references in react
I tried to access the dom to get the height of a specific element in react using useRef() hook, and assign the height of another element to it, so its height would change dynamically based on the height change of…
Html – How to get an element using DOM
I want to get the reference of the corresponding hello when the checkbox is clicked. Please help me to guide what to do I have tried this that when the checkbox is change then the pass function will be called.…
jquery adding a span to a group of letters in a word
I was trying to design a log in front end with some wave effect to make the letters of the label move in a wave shape but I can't get the span tag to be added dynamically to the letters…
Html – Load event in React doesn't work. How to make a page loader?
I'm trying to make a page loader so I've made a Loader component that must add load event on window but it doesn't work at all: import React, {useEffect} from "react" import './loader.sass' const Loader = () => { useEffect(()…
Css – Footer of the page for the mobile version
Good day, How can I set the footer of the page for the mobile version? I tested on DOM different position but it does not work. When I tested, for mobile version, my footer disappears from the mobile page, and…