Как запустить функцию javascript в html

Ответы

27 сентября 2022

Для того чтобы организовать выполнения кода, например по нажатию кнопки, необходимо сделать следующее. В качестве примера возьмём блок кода содержащий кнопку и таблицу. По нажатию кнопки одно из полей будет обнулятся.

<body>
<table>
  <thead>
    <tr>
      <th>Chair</th>
      <th>The Laid back</th>
      <th> Action </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>Heigth</th>
      <td id="weigth">80 cm</td>
      <td><button>reset</button></td>
    </tr>
  </tbody>
</table>
</body>
<script type="text/javascript">
  // Получаем элемент button на странице
  const btn = document.querySelector('button');
  // Определяем функцию и логику внутри
  const handler = () => {
    document.getElementById('weigth').innerHTML = 0;
  }
  // Вешаем на событие onclick кнопки нашу функцию 
  btn.onclick = handler;
</script>

0 0

Как запустить функцию javascript в html

Похожие вопросы