quiz/public/matrix.js

"use strict"

import { qs } from "./shared.js"

function setup() {
  let highlighted
  document.addEventListener("click", (event) => {
    const card = event.target
    if (!card.classList.contains("card") || card.classList.contains("cat")) {
      return
    }
    if (card === highlighted) {
      highlighted = null
      card.classList.add("hidden")
      return
    }
    if (highlighted) {
      highlighted.classList.remove("highlight")
    }
    highlighted = card
    card.classList.add("highlight")
  })

  window.addEventListener("message", ({ data }) => {
    if (data !== "double") {
      return
    }
    for (let card of qs(".card")) {
      if (card.classList.contains("cat")) {
        continue
      }
      card.textContent = parseInt(card.textContent) * 2
    }
  })
}

setup()