ripple-effect | beautiful Material Design ripple effect in pure JavaScript

I have three divs, where the first two have to be fixed and the third scroll. I'm doing it this way:

I was working on this javascript program that listens to the users command and replies correspondingly but currently, that listen() function is activated by a click of a button. What I'm trying to figure out is how can I set a function that constantly keeps listening for a command from the user like a certain word that then activates the listen() function. Ex. Alexa starts listening when her name is called. Current Code:

I have viz with three checkboxes working as filters and displayed circles according to the group (see picture below)

In my work I use draw function to visualize all data. Problem is when I click on any checkbox, viz disappears and don't redraw. Can you help to find error here?

Snippet of my html-file:

In future I have many if condition, any idea to shorten the if condition for (Render Badge items)?

Today I just only have 4 item if in the future I have 20 or maybe 100 item, is it i need to code the if for 20 or 100 times?

I have tried many method, but I don't know how to make it.

Render Dynamic List

I have the following radio buttons which share the same name :

I am writing a program using Selenium in Java to scrape a website (I would share the website, but you need an account so I don't think it would be helpful). I am using the chrome driver. I am getting stuck on trying to figure out how to click the "Run now" button on a page (html code snippet below). Selenium complains the button is unclickable even though I do an explicit wait until the button is clickable.

Here is my code:

I just updated my Android Studio and now when I build my project I get this error:

The option 'android.enableUnitTestBinaryResources' is deprecated. The current default is 'false'. It has been removed from the current version of the Android Gradle plugin. The raw resource for unit test functionality is removed. Affected Modules: app

Here is my build.gradle(:app)

In a project currently I'm working on, There are many items for which a dialog has to be opened. For each new dialog, data inside changes and that I have done using Javascript. Now If I add any elements like say a checkbox to the dialog from Javascript, The material js is not working on it. So I Checked a similar issue and got an answer, which I have implemented and still doesn't work. In this snippet I have made a similar situation. An Add Button is used to add to the dialog and when Dialog opens the checkbox doesn't behave as it was in dialog during page load. To show this I have added a Checkbox before itself, not from Javascript. After adding Checkbox from Javascript the old existing checkbox also doesn't work.

Please help me, it'll be of great help.

So I am practicing on web notification and I bumped into this tutorial https://developers.google.com/web/fundamentals/codelabs/push-notifications/ I don't quite understand all of the code here but I am trying to do it by trying it one by one, but my one problem is how do I push web notification by button?

These are my code:

index.html