secc | Distributed compiler with modern web technology

I'm making a studying timer for the Pomodoro technique (25 min studying 5 min breaking). My timer works only when I called it once. If I call it twice or more, it count down to negative minutes and seconds. Moreover, when I called the studying timer first and the breaking timer later, it executes the breaking timer and skips the studying timer.

I am required to scrape PDF's from the website https://secc.gov.in/lgdStateList. There are 3 drop-down menus for a state, a district and a block. There are several states, under each state we have districts and under each district there are blocks.

I tried to implement the following code. I was able to select the state, but there seems to be some error when I select the district.

I'm building a responsive Navbar by CSS grid. i divided Navbar grid into 4 columns and 1 row. and everything goes well on desktop screens.

(on screens max-width:952px): overlap between grid elements occur. (on screens max-width:858px): grid gives me 2 rows though i define it as 1 row.

what do i miss in my code?

here is html

Im struggling with a following issue:

I have a datatable that contains information retrieved from an SQL Server database. The information retrieved is regarding the price of certain products. So, for example, the datatable has the price of a specific product on an specific price list. One product may be present in several different price list, and today on the datatable, each combination is a different row. For example:

I need to transform the datatable into a datatable that only has one row per product, and the price list information is on columns:

EXAMPLE DATA:

A few notes:

I dont know who many price lists i will have, so i could have the column "cost" (for ex) N amount of times. The product information (first part) needs to be included. No more than one row per id_Art.

I been working on the following, but i wanted to step back because i might be going into a rabbit hole and there might be an easier solution.

Currently, i'm creating new datatables filtered by each pricelist. The idea behind this was to join the datatables, but i got stucked.

Finally, I managed to do this:

I have a matrix with "seccion" keys and I want to join it by "seccion". Help me here I leave an example. I am already grateful for your support. Sorry for my English

At the beginning I have this then try to join them:

an API is returning a JSON that looks like this:

I'm trying to download multiple PDFs by navigating on a page. Even though I'm able to navigate on the page using drop down and download PDF at the end. I am getting this error:

An element command failed because the referenced element is no longer attached to the DOM.

Below is my code:

I'm an amateur at writing scripts, working to update one I was using in 2012 that would navigate to one of several pages in a list and pull table data. I noticed today I was not pulling any data and when looking in the page source there is a second HTML doc.