JSFiddle - React, Tailwind, and code Playground

by yshrkn

HTML

<div class="start-box">
  <h1 class="title title__level-1">神経衰弱</h1>
  
  <select name="difficulity" id="js-difficulity">
    <option value="" selected>レベル</option>
    <option value="1">やさしい</option>
    <option value="2">ふつう</option>
    <option value="3">むずかしい</option>
  </select>
  
  <button id="button button--start js-start">スタート</button>
  <button id="button button--reset js-reset">もう一度</button>
</div>

<div id="app"></div>

JavaScript

(function() {
  
  class concentrationGame {
    constructor(option) {
      this.field = option.field;
      this.setup();
    }

    /**
     * 
     */
    addEventListeners() {

    }

    /**
     * 
     */
    setup() {
      
    }
  }

  /**
   * 
   */
  function init() {
    const fields = document.getElementsByClassName(`js-game`);
    fields.forEach(field => {
      new concentrationGame({ field: field });
    });
  }

  init();
});