krcrawford

const startGame = () => {
  let team = 'X';
  const board = [
    ['-', '-', '-'],
    ['-', '-', '-'],
    ['-', '-', '-'],
  ];
  const updateBoard = (id) => {
    switch (id) {
      case 'tl':

krcrawford

h1 {
  display: block;
  text-align: center;
}

#board {
  display: block;
  width: 156px;
  height: 156px;
  border: 1px solid #000000;

krcrawford

const createElement = (tagName, { attrs, children }) => {
  const vEl = Object.create(null);
  Object.assign(vEl, {
    tagName,
    attrs,
    children,
  });
  
  return vEl;
}

krcrawford

const render = (vNode) => {
  if (typeof vNode === 'string') {
    return document.createTextNode(vNode);
  }
  const { tagName, attrs, children } = vNode;
  const el = document.createElement(tagName);
  for (const [k, v] of Object.entries(attrs)) {
    if (/^on/.test(k)) {
      const eventType = k.replace(/^on/, '').toLowerCase();
      el.addEventListener(eventType, v);