i started an interactive rating card. The goal is to choose a number how you would rate and then to submit your answer. i want to chose a number and then with and eventlistner to change the background of the div element of the choosen number from the current background to another color. So far… Read More How to select with dom a random child element from an element in Javascript?
I have an <ul> element containing a list of moods, and an <input>element in which the user has to type in a selected value from the list. To save some typing a user can just click on a list item and the selected value will be written in the input box. I’d like to know… Read More How to iterate through <li> elements and add an event handler to each one
i’m having problems using the dom "removeattribute" when i click on a button i need that the table shows up in the HTML i’m using the next HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div class="form-group"> <label for="">Título</label> <input type="text" class="form-control" name="" id="titleInput" aria-describedby="helpId" placeholder="Título del juego">… Read More remove Atrribute "hidden" from a table using DOM shows removeAttribute is not a function
There is input with type=’file’ attribute like this: function TestComp() { const onChange = (e: React.ChangeEvent<HTMLInputElement>) => { const [file] = e.target.files; //… }; return <input type=’file’ onChange={onChange}/> } Got error: type ‘FileList | null’ must have a ‘Symbol.iterator’ method that returns an iterator.ts(2488) The e.target.files TS type is: interface HTMLInputElement extends HTMLElement { /**… Read More Why the TS type of HTMLInputElement.files property may be null?
Hello I have to make and object (in my case a circle) move 20px and roll 180 deg each time any key on my keyboard is pressed. Can anybody help med with this? >Solution : // declare initial values let pos = 0 let rot = 0 // grab the element const circle = document.querySelector(‘.circle’)… Read More How do I with the use of JavaScript and CSS transform property make an object move 20px and roll 180deg with each press of any keyboard button?
I have 3 html files for this page. index.html, positive review page and negative review page. I want my JavaScript to redirect to the pages after clicking the emojis feedback and then the button. After clicking the button depending on the emojis clicked it should redirect to the negative review page if the emoji selected… Read More How to redirect button to the correct html pages using if else
i have an array of objects that should correspond with a table created using html tables and css. i need the information inside the array of objects to appear in the table whenever i add a new object to the array. as i understand it, it will require a loop that will iterate through the… Read More Loop through an array of objects and display the objects within a html/css defined table
var dtag = document.querySelector(‘p’) let len = dtag.innerHTML.split(‘ ‘).length for(let i = 0; i < len; i++){ if(dtag.innerHTML.split(‘ ‘)[i] === ‘Format’){ let span = document.createElement(‘span’) span.append(dtag.innerHTML.split(‘ ‘)[i]) dtag.append(span) } } <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Document</title> <script src=”commanwords1.js” defer></script> </head> <body> <p>Printable Format hello shivam</p> </body>… Read More How to wrap the specific text with span tag inside the <p> tag
In the index.html page I have the following code <body> <h1>First page</h1> <button id="submitBtn">Submit</button> <script src="script.js"></script> </body> The JS is a simple script that redirects the page to another page – second.html document.getElementById(‘submitBtn’).addEventListener(‘click’, function(e) { e.preventDefault(); window.location.href = ‘another_file.html’; }) Once the second page is loaded, the console gives – TypeError: Cannot read properties of… Read More How to prevent looking for DOM elements after window.location.href (redirection)
None of the other related questions had a working answer, thus I decided to ask here myself. While writing JavaScript I keep getting the following error no matter what I try: Failed to execute ‘insertBefore’ on ‘Node’: The node before which the new node is to be inserted is not a child of this node.… Read More False "the node before which the new node is to be inserted is not a child of this node."