document.addEventListener("DOMContentLoaded", (event) => { const hamburgerButtons = document.querySelectorAll('.hm-button'); const hamburgerLines = [ { closed: { x1: 13, x2: 37, y1: 13, y2: 13, }, open: { x1: 13, x2: 37, y1: 37, y2: 13, } }, { closed: { x1:…
I want to fetch corresponding product image on each dynamic route in my NextJS project, like this: export default function singleProductPage({ params }) { const { product_code } = params; const imagePath = `../../../../assets/products/Hammer/${product_code}.jpg`; return ( <div> <Image src={imagePath} width={300}…
I am currently building my first web application using the Next.js App Router. Unfortunately, I've hit a roadblock in trying to display the user's info (like a username) in the page's header. When the status of the user's session changes,…
In Vue 3, how can a block of code in a parent component template be conditionally rendered depending on whether or not a slotted child component has a prop passed to it? Take the following code for example: <Foo> <Bar/>…
I want to make an API call from my backend server running express.js. I expect when I visit http://localhost:3004/api/weather?city=[cityName], I should see the json response from openweathermap.org. Instead, I get the message "unknown endpoint" from my middleware. Thats the terminal…
my teacher told me to create a countdown timer with php that if you give it three inputs in html (hours,minutes,seconds) it will count down the numbers and show the remaining time in real time . like the timer in…
I'm working on the form of website. I'm getting user id, topic, body from user in a form. I'm using bootstrap to validate topic with at least one non white space character. The body should have at least 12 characters…
I am making Comment's like/dislike component. I am unable to maintain the state on initial run. It gets undefined on initial run, but state gets updated after pressing like button for second time. Following is my JSX: <div className="flex justify-between…
ANSWERED Javascript Regex. Given these.. string: ddd the ! key regex: / !(?<=(?!the)w+ !)/ I want to know the reason why the regex does NOT fail. I expect the regex to fail matching, it doesn't, I don't know why. i…
I am trying to update the user object's blockedUsers array, while keeping other data not changed. user object can have blockedUsers array or not, it is not certain. In slice I have: reducers: { CHANGE_USER: (state, action) => { state.user.push(action.payload)…