JSFiddle - React, Tailwind, and code Playground

by eget teteete

HTML

<div id="menu">
  <button data-action="save">Сохранить</button>
  <button data-action="load">Загрузить</button>
  <button data-action="search">Поиск</button>
   <button data-action="noSearch">Не Поиск</button>
    <button data-action="bill">Шмари</button>
</div>

<script>
  function Menu(elem) {
    this.save = function() {
      alert( 'сохраняю' );
    };
    this.load = function() {
      alert( 'загружаю' );
    };
    this.search = function() {
      alert( 'ищу' );
    };
    this.noSearch = function() {
      alert( 'Не ищу' );
    };
    this.bill = function() {
      alert( 'Ищу шмар' );
    };

    var self = this;

    elem.onclick = function(e) {
      var target = e.target;
      var action = target.getAttribute('data-action');
      if (action) {
        self[action]();
      }
    };
  }

  new Menu(menu);
</script>