Category "javascript"

How to get document after user has logged in using google auth in firebase?

I want to fetch user information stored in firestore after the user has logged in using google sign in. I am checking whether the user exists or not. If the use

How to access the error message using yup and react-hook-form through formState?

I'm trying to display the error message I set using yup validation - my schema for displayName looks like this: displayName: yup.string().required("Please ente

How do I make stacking cards with CSS and JS?

I created the effect I want below: const container = document.getElementById("container"); const boxes = document.querySelectorAll(".box"); const clearBtn =

When i click on delete button it deletes all notes after that note where i have clicked

To run this thats why i added css and html also, What i want tnat when i click on any notes delete button that note should be deleted however it deletes other n

getElementsByClassName - Template inserted direct child can not be found under specific conditions

TLDR - See example HTML. First console.log call shows an empty resultset. I know how the fix this, but why does this happen? Chrome (101.0.4951.54) / Edge (101.

get the percentage difference passed

I need to get the distance value as a percentage so that I can use it in progress bar. I have already tried to divide and multiply and subtract everything among

Vue web component prop not being set through html attribute

I've got a vue web component with a numeric prop on it, and through some testing have found that doing something like this doesn't work in setting the prop valu

Remove array duplicates by property javascript

I have a list of objects: [{name: "bob", age: "14"}, {name: "bob", age: "16"}, {name: "sue", age: "21"}] I need a simple way to filter out duplicates with

NodeJS hendt/ebay-api / getOrders / Error - Insufficient permissions to fulfill the request

So I am using the hendt/ebay-api library but having no success with the getOrders call. Here's the auth scopes I'm using when setting the ORIGINAL User access t

React js Navigate on click of MUIDatatable anchor tag

I am using react js to develop my project.I am using React MUIDatatable to bind the data, which I am receiving from API as shown below. I am facing issue, when

Next.js rewrite with x headers

I have a web app where users can build their own profiles with their usernames like below. ourplatform.com/john ourplatform.com/john/about ourplatform.com/john/

Button not showing when using JS to dynamically add to page

function addElements(mailbox) { if (mailbox != 'sent') { let actionDivArchiveBtn = document.querySelector('#actions') let archiveButton = document

next.js .env.local - process.env keys missing when referenced with a string [duplicate]

I have a lot of values inside a .env.local file. NEXT_PUBLIC_GA_ID = myvariablevalue I wrote a function that checks if these are present: exp

how to replace a single key value pair from an object in react.js

I have a single object of with key value pair, and i need to replace the first key value pair with a new key value in react.js. I have tried to make immutable p

Import Javascript file into Electron loadURL

I was wondering how could I import a javascript file into a website with Electron? By that I mean: mainWindow.loadURL("https://a.website"); mainWindow.loadScrip

How to replace a value in localstorage using javascript?

If the value is exist in localstorage I want to replace it. When I try to do that existing value is still inserting. addEntry = (e,id) => { e.preventD

Use PHP to populate the images and names of the images into this slideshow code

I'm struggling to create a php gallery slideshow and was hoping someone could recommend how to do this part.. The below code is taken from w3schools and works w

How to set the icons to the bottom of each card that must be present inside the card ,for my case it's overflow and crossing the some of cards?

when onclick functionality happens on the CLOSE button it generates some cards ,each card contains some icons at the bottom that needs to be fixed position(perf

React Native CLI hide status bar in landscape mode

I have a problem, how can I hide a status bar in landscape mode? In portrait mode its works. I'm hiding the status bar by either: <StatusBar hidden={true} /&

How do you toggle check marks on an HTML unordered list?

var state = 0; function selectLI(element) { if (state == 0) { element.innerHTML = element.innerHTML + "<span class='liTick'>&#10004;</sp