RAL 9010 and 9016 comparison

In all honesty, I did not write that code, it was 99% generated by grok.com, in less than a second, seemingly without effort.

My prompt was:
Would you please generate HTML, CSS and Javascript for me, which shows two large buttons on the screen, one left, one right, each of which, when clicked, toggles the colour of that button from green to red and vice versa?

I made only some minor changes to the original code by Grok:

But when two days ago I asked that same grok.com to generate such a comparison screen directly, without providing any code, it totally misunderstood me, and came up with artsy but totally unusable proposals. Initially, I had to ask it to generate images twice, probably for fear of being prompted to generate anything inappropriate (NSFW), which was not my intention at all, of course.

Then when I added prompts hoping to steer grok.com towards what I wanted, it even denied having provided any images, like US ambassador Pete Hoekstra did in a December 2017 interview by Dutch television. I had a hard time having grok.com dig up info about that episode.

Anyway, here’s the comparison screen. I used this Wikipedia article to find RGB values: RAL9010 (Pure White) = #F7F9EF, and RAL9016 (Traffic white) = #F7FBF5.