Skip to content
← Back to Community
Un-clickable Button!
Profile icon
h
has Hacker Plan
InvisibleOne

For TimothyRowell's button challenge, here is my entry, an unclickable button made with css and javascript

Super frustrating, only a pro coder will be able to click it

Voters
Profile icon
NotMe31
Profile icon
JackEvans10
Profile icon
SamiOsman
Profile icon
Wilke000
Profile icon
Kgbadz
Profile icon
SamuelDSO
Profile icon
maxina
Profile icon
JhonatanTerraza
Profile icon
AbnerMurillo
Profile icon
SemihErdim
Comments
hotnewtop
Profile icon
Baconman321

This newb:
"Only a pro coder will be able to click it!"

Me:

The secret

The rest of you guys only have methods that are partially the solution.

I'm the only one who actually has a method that allows the button to be clicked.

Get on my level!

Profile icon
InvisibleOne

Lol, noice @Baconman321

Profile icon
Baconman321

@InvisibleOne It literally took half a second after reading the post for me to come up with the answer!!!

Profile icon
InvisibleOne

I guess you really are a pro @Baconman321

Profile icon
Baconman321

@InvisibleOne Nah I just know my way around with methods.

TBH I kinda suck at programming...

Profile icon
tussiez

@Baconman321 Haha ## document.removeEventListener('mousemove',runAway,false)

Profile icon
LAMAQDAHODWALA

My strategy has been eclipsed 20 times over. This is the true galaxy brain strat @Baconman321

Profile icon
Baconman321
Profile icon
IOP3

The life of @IcynHackz

What a wonderful day to go on repl.

TiK TAK Tok
Screenshot 2021-03-16 190236

hits

Let's see what's on trending in share!

Screenshot 2021-03-16 185914

Screenshot 2021-03-16 185933
scrolls down
Screenshot 2021-03-16 185952

Un-clickable Button

HMM? Really? How can a button be unclickable.

clicks

Screenshot 2021-03-16 190011

ok?

Screenshot 2021-03-16 190026

Screenshot 2021-03-16 190037

Oh I dare all right

Few minutes later...

Tik TAK TAK TOK TIk KTOK TIK TKITK TKITK...ugh.....
TIK TaK TokK TK TAK

Few seconds later...

TTTRRRIIIIGGGGEEEERRRRRRREEEDDDDDD

KAPOWWWWWWWWWWWWWWWWWWWWWWW

R.I.P @IcynHackz

p.s. don't worry, I got it after a few tries XD
p.p.s. Pogggggger
p.p.p.s you deserve my uPdOoT
Profile icon
Whippingdot

such a nice way to get cycles @IcynHackz

Profile icon
IOP3
Profile icon
CreeperBoyKoray

@IcynHackz how did you get dark mode?

Profile icon
Whippingdot

explorer mode turn on @CreeperBoyKoray

Profile icon
Whippingdot

oi tussiez why did you give out the secret. PRESS TAB EVERYONE PRESS TAB MUHAHAHAHAHA

Profile icon
InvisibleOne
Profile icon
Whippingdot

shud i change the comment or... @InvisibleOne

Profile icon
InvisibleOne

naw, I don't care @Whippingdot

Profile icon
tussiez

@Whippingdot I leak the secret document.removeEventListener('mousemove',runAway,false)

Profile icon
humannum14916

@InvisibleOne if you add tabindex=-1 to the button, it can't be focused on with tab

Profile icon
Wilke000

MUHAHAHAHAHAHAHAH!!!!!!!!!!!!!!!!!!!!!!!!!!!!! @Whippingdot

Profile icon
LAMAQDAHODWALA

everyone is going crazy over pressing tab. Only the pro would do it this way
image

Profile icon
InvisibleOne

that's the way I do it @LAMAQDAHODWALA

Profile icon
G0RG3
Profile icon
Baconman321

@LAMAQDAHODWALA

Newb.

That's not clicking it. See my method!

Profile icon
1andonlyaether

@Baconman321

salty
any way that makes you win makes you win

Profile icon
Baconman321

@1andonlyaether True, but it's not clicking the button, is it?
I'm friendly teasing ;)

Profile icon
Coder100

easy
tab + enter

Profile icon
InvisibleOne
Profile icon
Baconman321

@Coder100 Wow, totally the best answer ever!

Totally the answer and not a fake alternative for CLICKING THE BUTTON EVEN THOUGH IT DOESN'T ACTUALLY CLICK THE BUTTON!!!

Profile icon
nrael

@Baconman321 It does click the button? That's.. why it works.

Profile icon
InvisibleOne

Please don't swear like this @1andonlyaether

Profile icon
Baconman321

@1andonlyaether Plz no swer (not allowed on replit).

Profile icon
Baconman321

@nrael Do you use the mouse to click it?

That's not clicking it that's activating the button.

Eh, I mean if you think about it:

button click === activating,
tab+enter === activating
buuut...
tab+enter !== button click.

Profile icon
1andonlyaether

@InvisibleOne sorry forgot to censor

Profile icon
Coder100

yes it does
screen readers always do this, are you saying they don't count? @Baconman321

Profile icon
Baconman321

@Coder100 Mouse click !== tab+enter

It is a valid way to activate the button though.

He said "click it", not activate the button with tab+enter, but whatever.

I guess I interpret clicking as "mouse button go down and page render it". But yeah, there are many ways to "click" a button.

However if invisible one sets tabindex to -1 yours won't work. Mine still will. And even if he adds a million buttons there still exists a way to click it (I'm not telling because then he'd make it even harder).

Technically, there does exist a way to render my method impossible. Also, @invisibleone I can collab with you so almost all of these methods are pretty much impossible to use ;)

Profile icon
nrael

@Baconman321 The definition of clicking is an instance of pressing down and releasing a button on a pointing device, such as a mouse. You're still using buttons to activate it, so I would say technically a click.

Profile icon
Baconman321

@nrael In the ambiguous definition I guess...

Profile icon
vys

learned this from the maze games, but you just right click in a white space, then click on the button. easy.

Profile icon
codingjlu

@vys ain't work

Profile icon
Whippingdot

ya it doesn't, i tried it @codingjlu

Profile icon
jude119

Screen Shot 2021-03-21 at 8.53.41 AM

Profile icon
CosmicWarrior

I am able to get to and click the button but it doesn't do anything , and I think it should.

Profile icon
DylanRowan1

Nice! I like it.

Profile icon
BenjaminLi7

I did it lol
office

Profile icon
AbnerMurillo

I got it!! Beat that!
Screenshot 2021-03-18 7.38.24 PM

Profile icon
Wilke000

Oh, wow

Profile icon
[deleted]

image
Explain this.

Profile icon
LeahTusia123

aggh

Profile icon
Bookie0

Screen Shot 2021-03-17 at 12.22.40 PM

wut

Profile icon
RhinoRunner

image
it wont let me click it

Profile icon
NightxHearts

touch screens be like =-=

Profile icon
WILLIAMBAEWER

Screenshot 2021-03-17 at 8.13.57 AM all I did was make it go to your mouse

Profile icon
xXJohnDoeXx

the kid with an autoclicker: "sets clicking location to middle of screen moves button to middle"

Profile icon
1andonlyaether

It's really not that hard guess im a pro coder
image

Profile icon
JosephLaRose

Don't call @InvisibleOne a newb, just because you know the solution that doesn't mean you can be rude.

Profile icon
InvisibleOne

I don't feel like he was being rude @JosephLaRose

Profile icon
JosephLaRose

Alright, then I'll drop it. @InvisibleOne

Profile icon
TimothyRowell

Lol you post got more then the challenge Good job

Profile icon
InvisibleOne
Profile icon
LegendaryWolf

Ima POG_CHAMP

image

Profile icon
codingjlu

@InvisibleOne you can disable the button outline so the tab trick won't work.

Profile icon
tussiez

@InvisibleOne use tabindex="-1" pls lol

Profile icon
programmeruser

It's called devtools
image
image

Profile icon
InvisibleOne

you could just put got_me() into the console @programmeruser

Profile icon
programmeruser

@InvisibleOne I know that

Profile icon
Baconman321

@programmeruser Newb way!

That's not even clicking it!

Oh wait, it is....

But it isn't in one ez step like mine >:)

Profile icon
ahkid7674

bruh w my touchscreen i can just move my mouse to a certain point then click on the screen(with touchscreen) so that the button is over the mouse then click with the mouse.

Profile icon
TimothyRowell

Oh. Nice Your either 1st or 2nd place. Good job

Profile icon
InvisibleOne

thanks lol @TimothyRowell

Profile icon
firedragondnd

Screenshot 2021-03-16 at 10.05.09 AM
And then....

download (4)

Profile icon
ParrotDev

Got 'em
Screenshot 2021-03-16 11.35.51 AM

Profile icon
InvisibleOne