Чтобы связать HTML-кнопку с JavaScript-кодом для перехода на другую страницу, вы правильно используете обработчик события `click`. Однако, вам нужно предотвратить стандартное поведение формы, которое заключается в отправке формы при нажатии на кнопку. Это именно то, что вызывает добавление знака вопроса "?" к URL, поскольку форма пытается отправить данные на сервер.
Чтобы исправить это, вам нужно использовать метод `event.preventDefault()` внутри вашего обработчика событий. Вот как можно изменить ваш код:
### HTML код:
```html
<body>
<div class="login">
<h2></h2>
<form class="login-form">
<input class="login-l" type="login" placeholder="Введите свой логин">
<input class="password" type="password" placeholder="Введите свой пароль">
<button id="butlog">Войти</button>
</form>
</div>
<script src="./js/login.js"></script>
</body>
```
### JavaScript код (`./js/login.js`):
```javascript
document.querySelector("#butlog").addEventListener('click', function(event) {
event.preventDefault(); // Предотвращаем стандартное поведение кнопки
window.location = "https://vk.com/"; // Переход на другую страницу
});
```
### Объяснение:
1. **event.preventDefault()**: Этот вызов предотвращает выполнение стандартного действия, связанного с отправкой формы. В противном случае, при нажатии на кнопку, форма автоматически отправляется, и браузер добавляет знак вопроса "?" к текущему URL, что указывает на то, что он должен ожидать параметры запроса.
2. **window.location**: С помощью этого свойства вы можете перенаправить пользователя на новую страницу, просто задав нужный URL.
С внесенными правками при нажатии на кнопку "Войти" не произойдет отправка формы, и вы не увидите знак вопроса в URL. Вместо этого вы будете перенаправлены на указанную страницу.