JS1k 2019 - 4236 - Details - A classic JavaScript golfing competition

Author:

Evan Hahn

Twitter:

GitHub:

EvanHahn

Facebook:

Google+:

Reddit:

/r/

Pouet:

Website:

evanhahn.com

Compo:

pure

Demo link:

https://js1k.com/2019-x/demo/4236

Shortlink:

https://js1k.com/4236

Blog post:

please update here!

Bytes:

1013

Chars:

1013

Submission

for(_="}</%trans@eightJtoQseVreqth~=>_in^w^dow[9le8`,7sty869h].76.)+`px()${r};c),on=`tif8xclick=tenew Dadisplay><ouMa~.random=*(^ner255*;padd^g:1	;:;@form^nerHTML+<b  6=backgrnd:7`(`CONGRATULATIONS!!!-getBnd^gClientRect.,a(as=(...d)_d[0|d.8ng~*],r=_`rgb([,,]})7c=0,t=,w=d_{b.qmoveChild(9d]--c||(aY X'd t all ~e popups ^ 0|(-t)/1e3} VcdsQp.qload`c=0)},a=(d=s(`COZYCOOLBOOMDUALHD-`)+s(`BALLCORECAKECLIP`e=sPAYING TOO MUCH??HOT SINGLES`fY've been V8cd Q w^ a fqe d}!!!7ga7h=)_{b.id=h}b#fffjustify-cnt:space-between	0pxb>d%bbutt w('h}')>X7g}olor:ursor:po^r-grow:1	em;ft-size:2*+1}vwb 6=marg^:auQh1>e%h1p>f%pu>Click heq Q claim yr prizeDiqccolumnftFamilysans-VrifposiabsoluboxShadow0 2px 5px #000xtAligncenr8ftWid~wid~QpHJhJsca8(0)7VtTimet(_{6.@i }s`},100c++},VtInrval(`0<c&&a74e3)";G=/[-6-9^_~qVQJ@%]/.exec(_);)with(_.split(G))_=join(shift());eval(_)

Description

X out of all the popups to win!

Base64 encoded

Zm9yKF89In08LyV0cmFuc0BlaWdodEp0b1FzZVZyZXF0aH49Pl9pbl53XmRvd1s5bGU4YCw3c3R5ODY5aF0uHzcfNi4eKStgcHgeHSgpHCR7GxtyHH07YxopLBlvbhg9YBd0aRgXFmY4eBUYY2xpY2s9FHRlE25ldyBEYRMSZGlzcGxheRE+PBBvdQ9NYX4ucmFuZG9tHA49DiooXm5lcgwyNTUqDgs7cGFkZF5nOjEJOxE6FTsIQGZvcm0HXm5lckhUTUwrFzxiIAYgNj1iYWNrZ3IPbmQ6BTdgBChgQ09OR1JBVFVMQVRJT05TISEhBAMtH2dldEIPbmReZ0NsaWVudFJlY3QcLgIsYSgZYRwBcz0oLi4uZClfZFswfGQuOG5nfioOXSxyPRxfYHJnYigbWwssCywLXX0pN2M9MCx0PRIsdz1kX3tiLnFtb3ZlQ2hpbGQoOWRdGS0tY3x8KGEDBFkPIFgnZCAPdCBhbGwgfmUgcG9wdXBzIF4gGzB8KBItdCkvMWUzfSBWYxhkcwRRcC5xbG9hZBxgGWM9MCl9LGE9KGQ9cyhgQ09aWQRDT09MBEJPT00ERFVBTARIRC1gKStzKGBCQUxMBENPUkUEQ0FLRQRDTElQYBllPXMDUEFZSU5HIFRPTyBNVUNIPz8ESE9UIFNJTkdMRVNgGWYXWQ8ndmUgYmVlbiBWOGMTZCBRIHdeIGEgZnFlIBtkfSEhITdnF2EcN2g9Dilfe2IuBmlkPRtofRBiBSNmZmYIanVzdGlmeS1jGBNudDpzcGFjZS1iZXR3ZWVuCTBweBBiPhtkJWIQYnV0dBggFHcoJxtofScpPlg3HwYUG2d9BRpvbG9yOhp1cnNvcjpwb14TcggVLWdyb3c6MQllbTtmGHQtc2l6ZTobMioOKzF9dncQYiA2PW1hcmdeOmF1URBoMT4bZSVoMRBwPhtmJXAQdT5DbGljayBoZXEgUSBjbGFpbSB5D3IgcHJpemUeERcVHhVEaXFjFmNvbHVtbh5mGHRGYW1pbHkXc2Fucy1WcmlmHnBvc2kWYWJzb2x1Ex5ib3hTaGFkb3cXMCAycHggNXB4ICMwMDAeE3h0QWxpZ24XY2VuE3IeOGZ0DFdpZH4Cd2lkfh1RcAxISgJoSh0HF3NjYTgoMCk3VnRUaW1lD3QoHF97HzYuQGkWByAbDn1zHgcXYH0sMTAwGWMrK30BAQEBASxWdEluE3J2YWwoYDA8YyYmYRw3NGUzKSI7Rz0vWwEtHzYtOV5ffnFWUUpAJV0vLmV4ZWMoXyk7KXdpdGgoXy5zcGxpdChHKSlfPWpvaW4oc2hpZnQoKSk7ZXZhbChfKQo=

Original source

/*
 * a = function to add a new pop-up
 * b = <body>
 * c = popup count
 * r = function for random color
 * s = function to sample from an array
 * t = time started
 * w = called when closing a popup
 */

/* eslint-disable no-undef, eqeqeq, no-implied-eval */

// Utility functions

s = (...arr) => (
  arr[(arr.length * Math.random()) | 0]
)

r = () => (
  `rgb(${[
    (255 * Math.random()),
    (255 * Math.random()),
    (255 * Math.random())
  ]})`
)

// Popup counter

c = 0

// Start the clock

t = new Date()

// Close a popup

w = (elementId) => {
  b.removeChild(window[elementId])

  if (!--c) {
    a(
      `CONGRATULATIONS!!!`,
      ``,
      `You X'd out all the popups in ${((new Date() - t) / 1000) | 0} seconds`,
      `top.reload()`
    )

    c = 0
  }
}

// Add a new popup

a = (
  productName = s(`COZY`, `COOL`, `BOOM`, `DUAL`, `HD-`) + s(`BALL`, `CORE`, `CAKE`, `CLIP`),
  header = s(`CONGRATULATIONS!!!`, `PAYING TOO MUCH??`, `HOT SINGLES`),
  body = `You've been selected to win a free ${productName}!!!`,
  onclick = `a()`,
  popupId = Math.random()
) => {
  b.innerHTML += `<b id=${popupId}><b style=background:#fff;display:flex;justify-content:space-between;padding:10px><b>${productName}</b><button onclick=w('${popupId}')>X`
  window[popupId].innerHTML += `<b onclick=${onclick} style=background:${r()};color:${r()};cursor:pointer;display:flex;flex-grow:1;padding:1em;font-size:${2 * Math.random() + 1}vw><b style=margin:auto><h1>${header}</h1><p>${body}</p><u>Click here to claim your prize`

  window[popupId].style.display = `flex`
  window[popupId].style.flexDirection = `column`
  window[popupId].style.fontFamily = `sans-serif`
  window[popupId].style.position = `absolute`
  window[popupId].style.boxShadow = `0 2px 5px #000`
  window[popupId].style.textAlign = `center`

  window[popupId].style.left = Math.random() * (innerWidth - window[popupId].getBoundingClientRect().width) + `px`
  window[popupId].style.top = Math.random() * (innerHeight - window[popupId].getBoundingClientRect().height) + `px`

  window[popupId].style.transform = `scale(0)`
  setTimeout(() => {
    window[popupId].style.transition = `transform ${Math.random()}s`
    window[popupId].style.transform = ``
  }, 100)

  c++
}

// Start adding popups!

a()
a()
a()
a()
a()
a()
a()
a()
a()
a()

setInterval(`0<c&&a()`, 4000)

JS1k: The JavaScript code golfing competition

2019 - Ten Year Js1k!

Close the popups