Html – Hiding other elements in a collapsible list
What I want to achieve: I am making a list where I want each item to be collapsible, but I want to hide all of the other list elements when one is collapsed. When one list item <div> is "collapsed"…
Javascript – My app keeps crashing whenever the error is caught
im trying to set up a Mock social media site, im running some code to prevent the request from making users with the same username. So i have a loop going through all the users, comparing the usernames to the…
Javascript – How to check attribute using playwright?
I'm using spectrum web components to show a checkbox on a webpage. Here's what I use on the site <sp-checkbox size="m" data-test-id="test" checked="" tabindex="0" dir="ltr"></sp-checkbox> When sp-checkbox is not checked, I want to click on it using the click(). I…
Understanding console.log() within functions vs. using return in JavaScript?
I'm learning about functions in JavaScript and I'm confused about the role of console.log() and return. function reusableFunction() { console.log("Hi World"); } reusableFunction(); I understand this function logs "Hi World" to the console. My questions are: Why doesn't this function…
Javascript – How to convert an image url to File object from Google oAuth response?
In my React project I have a google oAuth API which I'm retrieving the google image url from the response: const userInfoResponse = await axios.get('https://www.googleapis.com/oauth2/v3/userinfo', { headers: { Authorization: `Bearer ${googleResponse.access_token}` } }); const google_image = userInfoResponse.data.picture; console.log(google_image); //https://lh3.googleusercontent.com/a/ACg8ocKjThtaGf5USLuL2LBMBuYxfDG0gDdM-RLA_I__UvNI3p_2Hlk=s96-c Now…
Javascript – Conditional redirect in react
I write an SPA using the React library. I want to load some data from the backend using the REST API, and if the REST request returns an http 403 status to redirect the user to the sign-in page. The…
Why does inner HTML content appear instantly after css max-height transition completes?
Using HTML and JavaScript I am trying to create a list that transitions into view when a button is clicked, including a scrollable inner container, using a max-height transition on the parent DIV. However, while the parent div transitions smoothly,…
javascript: JOI merge fields conditionally
Haven't found any working solution for my case, so I'm creating a new one. I've got this architecture: function getParts1() { return { common: joi.object({ common_key: joi.number().integer().required(), common_conditional: joi.string().valid("AB", "CD", "EF").required(), common_value1: joi.string().max(144).required(), }), variation1: joi.object({ field1: joi.number().allow(0).required(), field2: joi.string().max(255).allow("").required(),…
Html – Getting Uncaught TypeError: Cannot read properties of null (reading 'value')
When trying to console log a variable I declared inside of my event function, my console is shooting back this error Uncaught TypeError: Cannot read properties of null (reading 'value') at HTMLButtonElement.wuTangForever (main.js:16:76) I tried to make a form, with…
Javascript – JS – recursive function on multidimensional array to filter out only "checked" items (and its parents if a child is selected)
I have this kind of array (i call it categories, these have childCats too) var cats = [ { "id": 1, "name": "A", "parentCategoryId": null, "parentCategory": null, "childCategories": [ { "id": 2, "name": "B", "parentCategoryId": 1, "parentCategory": null, "childCategories": […