CloudFlare | Laravel CloudFlare | REST library

I am trying to inject code for a platform I use with my clients on Cloudflare. I would like to be able to add the following CSS only IF the class: badge-icon.icon-template is NOT present. I would like to use javascript for this (I think this is the best solution). Can someone help?

I have two select form with submit button, I need to get the result of selected value for example

first select form having colours as an option and second contains another things.

and i have some items as div....red flower , red fish.

if i select red from first form its shows red value div and in second form if i select flower it should display red flower only but it's shows everything under the value red. And these all thing must work only when i submit the search button. I have attached jsfiddle below. Code:

I am new to jQuery and built this code that I modified to make it work right away in fiddle etc.

When the select changes, it is supposed to create a table but it does not do anything. However, if I place the

on click clone li with add it under li with a class clicked and on click on different li the previous clone should get removed

for eg: what i would like to achieve is on the click of

This is my code:

I want to drag and drop those 3 shapes into mxgraph canvas (which is the black area).

Note: I want to fully preserve the drag element on the canvas, including shape, size, color, text, etc.

I don't know whether insertVertex does it work. Dragging the orange,red or other box in to the dark area currently does not work.

on click of li, clone it and show in a div and if clicked on other li it should show newly clicked li.

Below is my code and codepen. if feel I am missing something. https://codepen.io/AnthonyDavid/pen/xxqmqQY

I have a dynamic grid which looks something like this