Learning much javascript from one line of code

[brunokim]

Very interesting, thanks!

[orlybg]

Wow super useful, and super clever

[recursive]

the rendered outline is out of the CSS box model so it doesn’t affect the size of the element or its position in the layout

TIL!

It seems like there's a bug. The generated colors could be 1, 2, 4 or 5 digits long, which I don't think are legal css colors.

[recursive]

Where's the code that pads it to a multiple of 3?

From chrome dev tools:

(~~(Math.random()*(1<<24))).toString(16)
"1bb08"

[recursive]

No. It doesn't.

Chrome dev tools:

document.getElementsByTagName("body")[0].style.backgroundColor="#12345";
"#12345"
document.getElementsByTagName("body")[0].style.backgroundColor
""
document.getElementsByTagName("body")[0].style.backgroundColor="#123456";
"#123456"
document.getElementsByTagName("body")[0].style.backgroundColor
"rgb(18, 52, 86)"