If you are Bangla speaker you can probably guess the intent of this repo from the name! If you don't, let me explain.
I am mainly a back-end person. You can probably guess from my bad front end design in this repo. Anyway, this repo acts as a cheet-sheet for the things I have learnt working with client side javascript works.
Some of the highlights are:
-
A Multiselect Table : In this, data is received as JSON then the data is shown in a table. Here the
dataset attribute
of HTML5 is used to store the data intr
tag. Shown data then can be selected and moved to another table. The added data can also be removed. Also, the added data is maintained is a javascriptMap
. This allows to get added data from this map. -
A dynamic html table where you can add/remove row to input varibale number of data. This is done with HTML and Vanilla JavaScript. Also you can get the input data as JSON.
-
From data as Json, where you can get all the data of a form as JSON. I used this to handle form within a form situation in a project.
-
Sending POST request with
fetch()
: In this I sent form data in POST request asurl-encoded
data like tradional HTML form and alsomultipart form data
. It is useful for sending AJAX as post requst. -
Set
input
field filter : I found this function fromstack overflow
. This restricts the keyboard input of a text field to a certain pattern which can be supplied asregular expression
. -
Flatten Array : this function flattens a JS array. By flattening, I mean to remove nested array structures and makes the array an 1-d array. For example,
Input [1,4,5,[7,-8],4,[5,[4,[8,7]]],5]
Output [1,4,5,7,-8,4,5,4,8,7,5]