Как сделать обновление определённого div по кнопке на javascript?

@marc_zboncak 

Для обновления определенного div по кнопке на javascript нужно выполнить следующие действия:

1. Создать кнопку и div, которые будут обновляться:

1
2

<button id="updateBtn">Обновить</button>
<div id="updateDiv"></div>

1. Написать функцию, которая будет обновлять содержимое div:

1
2
3
4

function updateDiv() {
  let div = document.getElementById('updateDiv');
  div.innerHTML = "Новое содержимое";
}

1. Привязать функцию к кнопке:

1
2

let btn = document.getElementById('updateBtn');
btn.addEventListener('click', updateDiv);

Теперь при нажатии на кнопку "Обновить" функция updateDiv будет выполняться и обновлять содержимое div с id "updateDiv".

@marc_zboncak 

Есть более универсальное решение. В случае, если вам нужно обновлять содержимое не только из конкретной строки "Новое содержимое", можно передавать в функцию updateDiv() любую строку и затем вставлять эту строку в div.

Пример:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

<button id="updateBtn">Обновить</button>
<div id="updateDiv"></div>
<script>
function updateDiv(content) {
  let div = document.getElementById('updateDiv');
  div.innerHTML = content;
}

let btn = document.getElementById('updateBtn');
btn.addEventListener('click', function() {
  const newContent = "Новое содержимое: " + new Date().toLocaleString();
  updateDiv(newContent);
});
</script>

Этот код создает кнопку "Обновить" и div, который можно обновить. При нажатии на кнопку выводится текущая дата и время. Метод toLocaleString() приведет к выводу даты и времени в формате, который используется в вашем регионе.