@broot4rce
Junior Programmer

Почему при загрузке страницы у меня выполняется функция на jquery?

Почему при загрузке страницы у меня выполняется функция на jquery?

Вот код:

<!DOCTYPE html>
<html>
<head>
<title>Задание</title>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('#add').click(add_row());

})
let num = 0;

function add_row(){
  let test = document.getElementById("table");
  let row = document.createElement('tr');
  let colum = document.createElement('td');
  let input_area = document.createElement('input');
  input_area.type="text";
  colum.appendChild(input_area);
  row.appendChild(colum);
  test.appendChild(row);
}

</script>
    </head>
    <body>
        <div id="tab">
          <table id = "table">
            <th>№</th>
            <th>Name</th>
            <th>Value</th>
            <th>Price</th>
            <th>Sum</th>
            <th>Operations</th>
          </table>
        </div>
        <button type="button" id="add" >Добавить</button>
	</body>
</html>
  • Вопрос задан
  • 86 просмотров
Пригласить эксперта
Ответы на вопрос 1
Ankhena
@Ankhena Куратор тега JavaScript
Нежно люблю верстку
Потому что .click вызывает событие клика у тех элементов к которым применен.

Обработчик или источник события click

Замените на
$(function(){
$('#add').click(function () {
add_row();
})
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы