ColorPicker | Includes a HSV color wheel | User Interface library

Hey i started learning JS today and i thought of trying to make a drop down color changer , i have tried many things but i cant seem to get it to work, i also tried onchange instead of onclick but still nothing , any help appreciated

HTML:

So I'm making an Etch-a-Sketch with a range slider to change the grid size, but the slider keeps resetting to its default size (16x16) as soon as I move the mouse after changing the value (if I change the value and don't move the mouse, the size doesn't reset). For some reason this doesn't happen on Chrome: the value and grid size both change and stay that way until I change them again.

Here's the JSFiddle: https://jsfiddle.net/CamiCoding/7zpt14cs/

HTML:

With Gradle 7.2 and these plugins:

I'm using the https://ui.toast.com/tui-image-editor library for a image edition functionality, there's a color picker component that comes by default there, I'm trying to change the default color of this color-picker but I can't find a way to do that, I've done some research and looks like this image-editor is using https://github.com/nhn/tui.color-picker as a dependency, so that may be way it's so hard to change the color.

Here's my code:

When I update the project, this message appears in Android Studio, I want to build the project in the environment "SDK 30 and Android 10", But I don't know how to do it.

gradle wrapper properties

I am trying to build a 2-dimensional table where width = x, and height = y. I'm almost there, but when I click the submit button, the desired x,y table displays and then disappears after I click submit. I tried running makeGrid(5, 5); at the end of the JS file, i.e. manually adding in values for makeGrid(h, w), and the table displays and does not go away. But I need to be able to have the table construct from the submit button without disappearing.

Please help. Thank you!!

I believe the main issue is just with the JavaScript portion but I included all three (html, css, js) just to be comprehensive.

Image of three different states of the webpage, from left to right (before click, immediately after clicking submit, and moments after clicking submit

I'm new to Stack Overflow. I hope that I'm doing this correctly. ❤

I'm working on an old Etch-a-Sketch JavaScript project from months ago and decided to rework the 'mobile' form of the project because I hadn't bothered to do so at the time. At first, I tried just moving the buttons to the top horizontally, but I didn't like any of the variations I tried. So I decided I'd be better off with a dropdown menu instead that would appear when the screen is 500px or smaller, replacing the buttons.

The dropdown menu is supposed to do exactly what the buttons do - when a certain mode is selected, that's the mode that the program is supposed to switch to. For example, when the "Party mode" button is clicked, the program switches to "party mode". I want the dropdown menu to behave similarly - when the "party mode" option is selected, the program should switch to "party mode".

My logic was that I needed a function that grabbed the value of the dropdown menu, and then an "if" condition would run that pretty much says "If the value is x, x mode should run; else if the value is y, y mode should run", and so on. I added the function to the existing window.onload function so it would run upon the window loading. This didn't work.

Note that the dropdown menu will, in the future, only appear when the screen size is 500px or less. In addition, I still have the buttons on the screen for all sizes, just for testing/debugging purposes. When I'm done and have this figured out, the buttons will have "display = 'none'" and be hidden for the "mobile size".

Anyway, so yeah, the program is still just listening to the buttons, and not the dropdown menu. That leads me to believe that I need to somehow turn "off" the button mode? If that's the case, how do I do that? If that's not the case, what am I supposed to do here? Any help or insight would be greatly appreciated. Thanks!

Using the following code from ipyleaflet documentation I get a nice display with 2 extra custom widgets. These widgets have a small dark shadow that I would like to remove.