Advertisements How to redirect to the next page using addEventListner? Here, when I click the button it has to redirect to another HTML page how to write the code for that. HTML <button>submit</button> JS let btn = document.querySelector(‘button’) btn.addEventListener(‘click’, () => { }) >Solution : You can try this: let btn = document.querySelector(‘button’) btn.addEventListener(‘click’, ()… Read More How to use addEventListener to redirect to another html page on button click?

Advertisements I am new using react and i have a small app to build , i have done the backend RestApi and now i started to build the frontend using react here is some of the code of the frontend App.js: import React, { useState, useEffect } from ‘react’; import { BrowserRouter, Route, Routes, useNavigate… Read More how to fix cannot render a <Router> inside another <Router> error?

Advertisements I have a problem with css rotate element from front to back with javascript. But I can’t understand what is my mistake. This is my basic HTML code. There is nothing wrong thing in here, but I don’t know how rotate element works. I want to rotate from front to back but it doesn’t… Read More How can I rotate element with javascript like flip card

Advertisements Description I am creating a dark/light mode feature using context in useContext in React.JS, but I am encountering a problem. I am new to using useContext in react.js, so I am asking for help to find the problem. Problem When i set theme, it returns error. Code ModeProvider.js import React, { useState } from… Read More update state from context return error 'setState is not a function'

Advertisements I am trying to add a function to all of the links in my nav that will delay the link to the next page while the menu shuts using javascript. This is my javascript, I know the querySelector part is wrong but I am unsure how to fix it; document.querySelector(".nav-link-close").addEventListener("click", function (e) { e.preventDefault();… Read More Select and add function to all links in a nav

Advertisements I am new to React and I want to use Evironment Variables in my App. I tried out many solutions from the web but nothing worked out so here is my configuration: i created a process.env file in my root directory and inside this file I initialized my variables like this: REACT_APP_SERVICE_ID=key REACT_APP_TEMPLATE_ID=key_2 REACT_APP_API_KEY=key_3… Read More undefined environment variables in Reactjs

Advertisements I’m new to React.js On the First Time load Code shows an error when i comment this part {data.advice} and run it shows me html it also calls API 2 times it gives an Error on Reload. how to fix it? import { Box, Button, Card, CardActions, CardContent, Container, Typography } from ‘@mui/material’; import… Read More On first Load useEffect hock Shows an error calling the api multiple time

Advertisements I have a function that can count the total number of occurences for elements. However, i would like to have a function that can count the elements by date, month or year. data.js [{ _id:"1", "Name":"John", "Booked":"Executive" "date": 2023-03-02T18:15:26.723+00:00 }, { _id:"2", "Name":"Peter", "Booked":"Economy", "date": 2023-03-19T19:15:26.723+00:00 }, { _id:"3", "Name":"Wade", "Booked":"Economy", "date": 2024-04-19T19:15:26.723+00:00 },… Read More How to count elements by date month and year

Advertisements I’m trying to create modal images gallery – you can click first or second image to zoom in. But the problem is, it jumps to top after you close the image! Is it possible to make it so when you close, it just stays at previous position on webpage, instead of scrolling to top?… Read More Modal images gallery – why it jumps to top after close?

Advertisements <BrowserRouter> <Routes> <Route path=’/’ element={<Home />} /> <Route path=’users’ element={<Users />} > <Route path=’user1′ element={<User1 />} /> <Route path=’user2′ element={<User2 />} /> <Route path=’user3′ element={<User3 />} /> </Route> </Routes> </BrowserRouter> ____________________________________________ import React from ‘react’ import { NavLink, Outlet } from ‘react-router-dom’ function Users() { return ( <div> <NavLink to=’user1′>User1</NavLink> <NavLink to=’user2′>User2</NavLink> <NavLink to=’user3′>User2</NavLink>… Read More Nested Routing in react js. Make default component on user click