Как перенести скрипт из HTML в JS файл?

Question

[Александр Янк]

Здравствуйте. Вот у меня работает такой скрипт, но он загрязняет HTML код:

onclick="return time_select(1004, 0, 1197);"

Как его перенести в отдельный файл? что бы кнопки были вот такие:

<button>Хатха-йога</button>

Код всего примера:

<button onclick="return time_select(1004, 0, 1197);">Хатха-йога</button>
    
    <table class="tg room-1004">
      <tr>
        <td class="item area-1011 trainer-1197"><a href="#">Хатха-йога</a></td>
      </tr>
    </table>

.select {
      outline: 2px solid #D5110D;
      outline-offset: -1px;
}

function time_select(room, area, trainer) {
      $("table.room-" + room + " .item").removeClass("select");
      $("table.room-" + room + " .area-" + area).addClass("select");
      $("table.room-" + room + " .it").removeClass("select");
      $("table.room-" + room + " .trainer-" + trainer).addClass("select");
      return false;
    }

Answer 1

[Ксения]

Вам нужно прочитать про основы работы с событиями, например в learn JavaScript. Писать это в разметке вообще не стоит. https://learn.javascript.ru/introduction-browser-events

Comments

[Александр Янк]

спасибо большое, теперь все стало на свои месте. Благодарю за ценный материал.

Answer 2

[Ivanq]

<button class=hatha>Хатха</button>

$(".hatha").click(function() {
    time_select(...);
});