Для того чтобы предотвратить обновление страницы при клике на определенный элемент или кнопку, вам следует использовать метод event.preventDefault() в обработчике события click.
Пример:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Prevent Default Example</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
}
</style>
</head>
<body>
<button id="myButton">Click me</button>
<p id="message"></p>
<script>
document.getElementById('myButton').addEventListener('click', function(event) {
event.preventDefault();
document.getElementById('message').innerText = 'Button clicked!';
});
</script>
</body>
</html>
В данном примере при клике на кнопку с id myButton текст в параграфе с id message будет обновлен на "Button clicked!", и страница не будет обновлена.
Таким образом, используя метод event.preventDefault(), вы можете предотвратить стандартное поведение браузера по умолчанию при клике на элемент и выполнить необходимые действия без обновления страницы.