Category "javascript"

Detect multiple tabs opening... and close the newest tabs! (via BroadcastChannel API)

I've put this function on load so I can detect a new tab being opened: function checkNewTabs() { const channel = new BroadcastChannel('tab'); channel.postMe

Test onClick of a button is called when there is no props passed down to it using testing library react and jest

I have a component for an upload button which calls the ref of an input when clicked: import { useRef, FC } from 'react'; import Button from '@mui/lab/LoadingBu

How to run a single-file javascript soundboard app from Rails 7

I have a single-file Javascript soundboard application from app academy. The code works fine, but how do I "wire" it into the Rails 7 server? I'm struggling to

Getting data attribute from root in ReactJs

I'm trying to grab the attribute listed in the div being rendered but it returns undefined. Any idea on how to go about it will be greatly appreciated index.htm

Update one property in MongoDB and update UI without refresh the page

I am trying to update one property Like I have a few properties, product name, price, quantity, supplier, and description. I am sending all the updated quantiti

div array won't close when external close button div is clicked (Javascript)

I'm actually occurring a situation when making an accordion. I already add a close button (x text) inside my div to close the accordion, but it won't close afte

moment.IsSame returning wrong result

I am using the moment isSame which is returning false for two dates which are same, moment(new Date('2070-07-27T21:59:59.999Z')).isSame(moment(new Date('2070-07

Magnific Popup: How to modify showCloseBtn and closeOnBgClick while open?

Is there a way to edit an open instance of a magnific popup? In one state I want the popup to be closable, and in another state I want to block user from closin

How to create popup window inside in pdf also place textbox fields in this pdf using itextsharp

We have crating pdf dynamically with the help of itextsharp.Now I want to show popup window on button click with the help of JavaScript fuction.How we can creat

How to create popup window inside in pdf also place textbox fields in this pdf using itextsharp

We have crating pdf dynamically with the help of itextsharp.Now I want to show popup window on button click with the help of JavaScript fuction.How we can creat

Vue.js 3 v-if ternary function, how to pass object as a conditional

<div :class="cellProps.rowData.BrandColor ? 'bluText' : 'redText'"> <p v-if="cellProps.rowData.BrandColor ? message='cellProps.rowData.BrandColor'

Redux store is updated but view is not

I have the parent Posts.js component which map every object in posts array. In this function I try to filter all notes have same post_id as id of the current ma

How to push values into an array on submit btn click (react js)

I have a questions form with custom inputs. const Input = (props) => { return ( <div> <label className={classes.label}>{p

React app using Cloudflare Pages: error [email protected]: The engine "node" is incompatible with this module

When I deploy a React app using Cloudflare Pages, the Building application step fails with the error: error [email protected]: The engine "node" is incompatib

how to ignore tilde accent in search filter js?

When I look in the search engine for a word with an accent, for example: Débora, Lázaro, Ángela, Álvaro, Arquímedes, etc. doe

Promise returns undefined nodejs

i am back with a same issue for my promise returning undefined please help. Here, i am using ipfs to save data with savedata() which takes in a json string,a do

Deleting cookie in client from server failing (Firefox)

Im trying to delete the cookies in the client that my server created every time the user logout, they have httpOnly:true attr so only the server response can de

Incorrect result in JavaScript calculation [duplicate]

I'm fairly new to JavaScript and wanted to convert one of my calculation spreadsheets to something I can use on a web page. However, the calcu

map function not working in ReactJs using nexttjs

I am new in ReactJS and i am using "Nextjs" framework,Right now i am using "async" function for fetching data but unable to fetch using "map" function, in conso

Minimax algorithm doesnt go for mate in chess

My goal is to code a somewhat OK chess engine, in the following position it's a mate in 2 which the engine should easily find with its depth of 4-5. The first