Skip to content

Instantly share code, notes, and snippets.

@ksk1015

ksk1015/omikuji-button.js

Created August 30, 2024 13:33
Show Gist options
  • Save ksk1015/54eb860c6bb68ce85a7ca5a7b51c9618 to your computer and use it in GitHub Desktop.
Save ksk1015/54eb860c6bb68ce85a7ca5a7b51c9618 to your computer and use it in GitHub Desktop.
Download ZIP
Omikuji Button
Raw
omikuji-button.js
customElements.define(
'omikuji-button',
class extends HTMLElement {
#isRunning = false
#text
constructor() {
super()
this.#text = document.createTextNode('-')
const button = document.createElement('button')
button.style.width = '9em'
button.style.textAlign = 'left'
button.textContent = 'Do Omikuji: '
button.appendChild(this.#text)
button.addEventListener('click', this.startstop.bind(this))
this.appendChild(button)
}
startstop() {
if (this.#isRunning) {
this.#isRunning = false
return
}
this.#isRunning = true
const loop = () => {
if (!this.#isRunning) {
return
}
const list = ['大吉', '吉', '中吉', '小吉', '末吉', '凶', '大凶']
this.#text.textContent = list[Math.floor(Math.random() * list.length)]
requestAnimationFrame(loop)
}
loop()
}
}
)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment