One Million Checkboxes

(developer here)

this is....more popular than i expected. the server's gonna be having some problems for a while

tried doing:

```

$$('input[type=checkbox]').forEach(elt => elt.click());

```

and got an alert that said "CHILL LOL". fun site

All the boxes must be checked. To whoever is unchecking them, please reconsider and come over to the checked side.

Scrolled down randomly, found a swastika, clicked back.

// ==UserScript== // @name Check All Unchecked Checkboxes // @namespace http://tampermonkey.net/ // @version 1.0 // @description Check all unchecked checkboxes on the page // @author MechanicalFish // @match https://onemillioncheckboxes.com/* // @grant none // ==/UserScript==

(function() { 'use strict';

    function checkAllCheckboxes() {
        var checkboxes = document.querySelectorAll('input[type="checkbox"]');

        checkboxes.forEach(function(checkbox) {
            if (!checkbox.checked) {
                checkbox.checked = true;
            }
        });
    }

    const observer = new MutationObserver((mutations) => {
        checkAllCheckboxes();
    });

    observer.observe(document.body, { childList: true, subtree: true });

    checkAllCheckboxes();

At first I was clicking the top but people kept unchecking my stuff. Why can't we (we ? who's that we ?) all get along toward clicking them all ?

So I figured there would be less people fighting down the window, right ? For a while I was alone. It was a boring and meaningless job but it felt peaceful.

Then I met someone who's also checking boxes, 5 seconds top, they are gone. Okay, then I kept scrolling, checking boxes. Then, I don't know why... I scroll back up, just a little bit, just 2 lines of boxes, just to... goddammit there are random unchecked boxes now and I didn't see nobody unchecking them !

There's a ghost unchecking boxes :(.

You have checked -100 boxes

Pick your side folks.

It’s considered bad UX to have a million checkboxes (or a million of any UI element) on a single page.

Consider breaking this up into 3-deep nested pages, each with 100 options.

Stop scripting this yall. The site is having enough trouble as is. I thought we were more mature than reddit.

What's next? One million sliders? One million rich-text widgets?

I feel like the checkbox grid should have been locked to a certain width. I can see people attempting to draw things, but they're skewed on my screen.

Great stuff. Little jealous, because I'd love to work on quickly scaling such experiment seeing how many people are playing with it. Sad, but having my head too burned out by corpo bullshit and my creativity level is in the basement :(

Are there any companies hiring where you can still work and not waste 90% of time on meetings and docs?

Probably too many clicks and my mind is just spitting out here instead of just dying in pain in silence :D

What is special about the red checkboxes?

An epic battle between good (uncheckers) and evil (checkers)

Fun and pointless, I love it.

Why do some checkboxes have colored borders?

Doesnt seem to work cureently (mobile btw)

anyone implement the game of life on this yet, for a particular line length?

  for (const input of document.querySelectorAll('input[type=checkbox]')) {
    if (!input.checked) {
      input.click();
      await new Promise(res => setTimeout(res, 250));
    }
  }

Checkbox count doesn't update on Firefox.

One script to rule them all ( ͡° ͜ʖ ͡°)ﾉ⌐■-■ var c=document.querySelectorAll('input[type="checkbox"]');function a(e){e<c.length&&(c[e].checked&&(c[e].click(),setTimeout(()=>a(e+1),500)),!c[e].checked&&a(e+1))}a(0);

Fun! But I kind of wish it made a bubble wrap popping noise.

You Maniacs! You blew it up! Ah, damn you! God damn you all to hell!

I noticed your “jump to” function is 1 indexed >:(

"One million checkboxes that anyone can check"

Why

I don’t really know. The idea came up in a conversation last Friday and I felt compelled to make it.

The best kind of reason :)

Can't tell if someone is unchecking/checking my boxes or if it's lag and my own previous (mistake) checks coming back from the server lol

I can see some click wars currently ongoing :-)

It only works in Chrome, not Firefox or Safari. Sad.

lol entire rows of boxes are getting flipped. Someone already beat me to a simple bot

My favorite quotes:

- super satisfying, like a bubble wrap mmo

- global fidget toy

- This is brilliant! The websocket server must be going brrr

https://x.com/itseieio/status/1805986839058079896

Are you gonna setup Adsense? lol

The new bubble wrap, nice!

Lol, I love the competitive aspect, draw a little figure then someone comes along and tries to undo it.

Now hook it up to the DIY flip disc array from yesterday (https://news.ycombinator.com/item?id=40789672)!

It's getting serious

https://news.ycombinator.com/item?id=40807058

1000095 boxes are checked :/

As someone who wanted to see the first page entirely checkmarked, I'd just like to say how profoundly disappointed I am, in you people.

this is very neat, I love this kind of experiments! could I ask you what's your hardware configuration for handling so many WebSocket connections? I'm just curious to know what's the maximum capacity of WS connections you can reach now that you posted on HN :)

It kept me busy for several mins. omg lmao. i met the server crashing

doesn't seem to do anything. from the looks of it, it seems like it's the reddit wall, but with checkboxes

Just checked 1000 boxes. Fun.

There are more people with checkbox passion https://www.bryanbraun.com/2021/09/21/i-keep-making-things-o...

this is not even realistic, there are 8 billion+ people in the world, what if I wanted to have a checkbox for each of them? Needs way more.

The bots are winning.

Reminds me of https://www.yourworldoftext.com/

I am currently in a pitched battle with some other asshole on checkbox 88.

It doesn't load for me, but it looks fun :)

Gives me concert ticket purchase anxiety

I was excited by the colored boxes!

blog post:

https://eieio.games/nonsense/game-14-one-million-checkboxes/

love this

"Select all"

CHILL LOL.

New feature idea: micro-transaction to check / uncheck all.

I want to see a time graph of the total number of checked boxes.

I would think that over time more boxes are being unchecked, but I also see a lot of people re-checking the unchecked boxes.

Also, I would think the script kiddies would be automatically unchecking most of them by now.

Yet, nearly all (over 900k) remain checked.

Go, check 'em all!

reminds me of http://www.milliondollarhomepage.com/

This kind of binary webbased version of pixelflut https://github.com/defnull/pixelflut

there are a lot of great usage patterns going on.

i saw checked boxes hit almost 800K and then start dropping fast.

i've seen every other checkbox get checked on the entire screen in a second. some great scripting going on and i'm sure a lot insight is being learned by watching the tech stack handle these loads.

i noticed initially log messages were showing one check box change at a time but at some point updated to batching which is great. release and optimize!

heh, me guarding my area I wrote my name in heavily for a bit

Zooming out, I see patterns of empty lines. Screen resolution borders I guess.

Me: Design something simple. My UX designer:

I wonder what we'd see if you could only check boxes that are adjacent to already checked boxes (you'd obviously need to seed the array with some "anchors"). How long would it take for people to clear it?

Can I buy exclusive access to 10x10 checkboxes?

Fun game. I tried to go way out into the sticks and was able to write some ASCII like message but then was ruined. Liked trying to draw a picture in the sand right next to the waves. One question, I assume unchecking a box will uncheck for everyone?

Tried and seems to work.

async function main(){ let elems = Array.from(document.querySelectorAll("#root > div > div.grid > div input")).filter(v=>!v.checked) for(let ee of elems){ await (new Promise(resolve => setTimeout(() => { resolve() }, 500))) ee.click() } }

main()

Unchecking all these boxes is a thankless task.

I think I found a bug.

The site was loading really slow, and when it loaded, the number of checkboxes checked was greater than 1 million. Maybe there is a sync issue?

https://ibb.co/Cwq2kCP

This is great, anything I make is grieved instantly. I unironically love this cathartic chaos!

I don’t really know. The idea came up in a conversation last Friday and I felt compelled to make it.

That's probably one of these reasons that cross your mind to justify buying new domains. Which is an addiction to some folks (including me)

I wrote "HELLO WORLD" and two smiley faces and a heart and someone erased it within 5 minutes :(

Got an alert lmao, noped out

The article above this on HN homepage was of Claude Sonnet 3.5. So, I used Claude Sonnet 3.5 and pasted an unchecking script. Presently I am at (-150)-ish checks.

function clickTickedCheckboxes() { // Find all checked checkboxes const checkedBoxes = document.querySelectorAll('input[type="checkbox"]:checked');

  // Iterate through each checked checkbox
  checkedBoxes.forEach((checkbox, index) => {
    // Use setTimeout to add a delay between clicks
    setTimeout(() => {
      // Click the checkbox
      checkbox.click();
      
      // If this is the last checkbox, call the function again after 2 seconds
      if (index === checkedBoxes.length - 1) {
        setTimeout(clickTickedCheckboxes, 2000);
      }
    }, index * 2000); // 2000ms (2 seconds) delay between each click
  });

// Start the process clickTickedCheckboxes();

You have presented a marketplace of information. Now you have to develop a genetic conduit for information storage and transfer

TCP over onemillioncheckboxes.com?

Perfect site to practice all those keyboard-only navigation tools like Tridactyl.

You have checked -464 (-4-26-30-3) boxes

It would be fun to attempt this with crdt's and libp2p (...or similar, I don't actually know those tools well I just like the idea of getting the server out of the loop).

Keyboard shortcuts to scroll up/down don't work unless you click into the array of checkboxes. I think this could be fixed by adding `tabindex="0"` to the div holding the grid.

I'm sorry, I think I made the server crash with the following js code:

    Array.from(document.getElementsByTagName("input")).forEach(e => {e.checked = true})

Plot twist, you are competing against several dozen pigeons in Central Park.

Time to get started on my One Billion Date Pickers app!

A to do list for bureaucrats! You can monetize this with a federal or f100 contract

We’re slowly losing to the uncheckers.

I absolutely love this. Brilliant!

Great work! I hope unchecking them would not result in a ban...