What a lucky day

운수좋은날 시발.

by Ukjin Yang

HTML

<h1>운수 좋은 날</h1>
<button id="lotto">당신의 운세를 이 버튼으로 확인하세요!</button>
<script id="worker" type="text/worker">
self.onmessage = function() {
  var start = +new Date()
  while(+new Date() === +new Date()) {}
  self.postMessage([Math.random(), new Date() - start])
}
</script>

JavaScript

var blob = new Blob([document.querySelector('#worker').textContent], { type: "text/javascript" })
var worker = new Worker(window.URL.createObjectURL(blob));
var lotto = document.querySelector('#lotto');lotto.addEventListener('click', function(){
  if(!this.LOTTO) {
    worker.postMessage('roll')
    this.innerHTML = '두구두구두구두구...'
    this.disabled = this.LOTTO = true
  }
})
worker.onmessage = function(e) {
  lotto.disabled = lotto.LOTTO = false
  lotto.innerHTML = e.data[1] + ' 밀리초 동안 확인해 봤는데 당신의 운세는 ' + (e.data[0] > 0.5 ? '좋습니다' : '나쁩니다') + '. 다시 확인하려면 클릭!'
}