--- date: 2019-08-20 weight: 45 --- <div class="cw">Cognitive hazard, audio autoplay, color changes</div> <pre> ( <a class="pulse huh" href="/aside/3">2, 3, 5, 7, 13</a> ) O o . _____,,,_^..^_,,,_____ __|____|____|____|____ ____|____|____|____|__ </pre> <script type="text/javascript"> /* One, one, two, three, five, eight, thirteen twenty-one */ const grawlix = [1, 2, 2, 3, 3, 3, 4, 5, 5, 5, 5, 6, 7, 7, 7, 7, 8, 9, 10, 0]; let el = document.querySelector('.huh'); el.innerHTML = ''; el.insertAdjacentHTML('beforeend', '<span class="i1"></span><span class="i2"></span><span class="i3"></span><span class="i4"></span><span class="i5"></span><span class="i6"></span><span class="i7"></span><span class="i8"></span><span class="i9"></span><span class="i10"></span>'); let filled = 0; window.setInterval(() => { let inner = document.querySelector('.huh .i' + (Math.floor(Math.random() * 10) + 1)); if (Math.floor(Math.random() * 10) % 3 == 0 && filled > 3) { inner.textContent = ''; filled--; } else { if (inner.textContent == '') { filled++; } inner.textContent = grawlix[Math.floor(Math.random() * grawlix.length)] + ' '; } }, 250); </script>