Comparing 4 different values from select dropdown inputs with jQuery/javascript. Having the ability to do a comparison between up to 4 different selected values. Whilst the CodePen example only adds…
Getting the query parameters out of a URL string by using vanilla Javascript. The query parameters are what is used in HTTP GET to shape a response. The main piece…
Converting seconds to a time string and time string to seconds with vanilla Javascript. The time string is in the format of hh:mm:ss eg 01:24:52 is 1 hour, 24 minutes…
Checking if an array is empty or not with Javascript. let the_array = []; Check if the array is empty Array.isArray() checks if the value passed in is an…
An interactive Javascript list and array builder using a multi-select input with an added on search filter. This example uses fruit that can be selected or filtered down with the…
Sorting an array ascending and descending in Javascript for a specific array key such as price or name. The function to sort the array for price ascending or descending. As…
Doing a min and max price product filtering for items using javascript/jQuery. This is very similar to the size filtering post, however instead of checkboxes, it is 2 range sliders…
How to apply a product filter for sizes using checkboxes and jQuery/javascript. Live page filtering without a refresh can be done upon interaction with checkboxes that can apply an array…
A noUiSlider multi-range HTML slider complete with the slider values outputted into the HTML. noUiSlider is a minimal Javascript range slider framework with a convenient API. CodePen example. You will…
How to filter out page content based on text input value using jQuery. A search input is used to find if the value exists in each div. CodePen example. Explanation…