planb | a distributed HTTP and websocket proxy inspired by Hipache | Websocket library

You can use modals to display your differences between your tables as a popup when they selected. Assign modals' close button as a reset button as well via JS.

modals: https://getbootstrap.com/docs/4.0/components/modal/

Edit:

I couldn't find the line for calling your js file in your code. Can you add this line to the end of your html-body section?
You can add a console.log() line to your js file, so you can see if your js and html files are connected or not on the browser. (via insperctor-console)
Also, I couldn't find the line that you're activating your modal. You should change its class list. fade means it will not display on the browser. You should remove it and add show instead.

Edit-2:

I am not familiar with $ so I am adding the JS which is working. Please try the below things and if there will be a problem, edit your code below and leave me a comment.

in your js file, follow the steps I wrote. You should see an alarm when you click your modal button. You need to fill it up:

When you perform a forward and then a back discrete Fourier Transform on some data the normalisation of the result is conventional, usually you either get the data back as it was (to floating point accuracy), or if you are using an unnormalised transform the data will be scaled by the number of points in the data set, or you provide the normalisation as an argument. To find out which you will have read the documentation of whatever software you are using to do the transforms; fftw uses unnormalised transforms . Thus in your code you will need to preform the appropriate scaling. And if you run your code on your datasets you find the scaling is as described - on a 10x10 dataset the final data is 100 times the original data.

I cannot reproduce your claim that the code as given works for the smaller data sets. I get the expected scaling.

Instead of name for the radio inputs for uno, dos, tres, quatro; you should have these set as value.

The name should be set to something like "plan" for all four.

With a radio input selection, you expect only one option in the group to be chosen.

If you're checking for each of the four options to be received when the form is posted, any that are not selected won't be sent to your script and it will throw an error (if you're referencing them as though they are all passed in).

Seems like you just need a VALUES table construct, if I understand what you are saying correctly:

In your case convertStringsToChars will return a cell array. You will have to apply the ismember functio on every cell in the array, e.g. by using cellfun:

You can use regexprep for this:

Solution:

Move the id attribute id="nav" from the

element to the element.

CSS:

You have 3 plans. Plan C can't go higher and similarly plan A can't go lower. Plan B can do both operations. Use one interface and put activate and deactivate methods there. You already mentioned that on option A. Use template pattern there to give an opportunity to change their behaviours for your plans. This will be appropriate if you will add another plans later on. This will help you a lot when you add another plans.

If you will have only three plans, then second option is more appropriate. Since you have only 3 plans and only one of them using activate and deactivate together, then you don't need to implement both of the methods, interfaces. This will decrease the dependencies of your code.

Pick the best choice for your case.