I have multiple li tag, if the user clicks one of those tags it will have a class of active and then the li tag will go to the end position of the list. but if the user decided to click the li tag it will remove the class and the li tag will go back to the previous position.
Tag: html
Need assistance with Palindrome flip-card app! It’s not excuting the functions as planned
I’m made a Palindrome app that takes a word input and flips to say if it’s a palindrome or not. However, after inputting a word it’s not flipping the card to reveal if it’s a palindrome or not. I was using following the Multi-faced Flip Card with a Click by Maria del Carmen Santiago, p…
Configure Vue loader and lazysizes to transform urls with Nuxt
I’m trying to configure lazysizes with Nuxt and my urls are not handled by Webpack so I get a 404 error. I get the path src=”~/assets/img.png” instead of src=”/_nuxt/assets/img.png”. I added lazysizes as an npm package and the following to my nuxt.config.js file. And this content…
using addEventListener or onclick method for executing a function when someone clicks on it?
I am practicing DOM events and notice that I can use addEventListener or onclick method both for triggering a function when we click on the button but I want to know is there any logical difference between them? What should we use when? I am fairly new to programming. Here is my code, Answer The main differen…
How to print or get the cell value from HTML TABLE(User Input)
I have a table and in the table, I have tag to get user input. I want to print or get the value from the table cell. I want to input two number such as 12 and 14 and then print sum value at result id. I don’t want to use the form tag. Is it possible to do this?
transition-duration not working when used with Boostrap .form-control
I’m developing a Sign In registration box in HTML, CSS, and JS using Bootstrap. I made a simple animation where, on the click of the button, the middle input field slide on the left with the input fields on top and bottom goes down and up, like a closing and opening effect. With plain HTML and no Bootst…
How to make scroll button disappear when scrolled to bottom
I made a scrollable with a floating button inside, which makes it scroll to bottom when clicked, How can I make this button disappear when the is completely scrolled to the bottom? Answer Heading ##add this html: Then add this to Javascript: Now for the CSS:
Horizontal scroll using arrow keys
I use a horizontal scroll on a page I built. It’s inside a div, named it with a class, and I want to use the arrows keys to scroll. For it to scroll with the keys, I need to click somewhere on it. Is it possible to use the keys directly on first load of the page without necessarily clicking
Set autocomplete off for Formik field
To set the autocomplete off for a simple input it must be done like this: <input type=”text” autocomplete=”off”> In this case, there is a Formik Field and the input looks like this: and it seems that adding autocomplte=”off” doesn’t work in this case: Any ideas?…
Fill Percentage area in a custom Oval SVG image
I would like to fill a custom SVG to a specific percentage. Here is my initial SVG Suppose there is a progress of x% so I would like to fill this SVG like I am not able to figure out how to achieve this. I want it to be dynamic so that I can make it for any percentage. Also,