Добрый всем день. На странице имеется несколько кнопок:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="script.js"></script>
</head>
<body>
<button type="submit" class="btn btn-primary btn-md" name="point" value="1">button 1</button>
<button type="submit" class="btn btn-primary btn-md" name="point" value="2">button 2</button>
<button type="submit" class="btn btn-primary btn-md" name="point" value="3">button 3</button>
</body>
</html>
хочу определить какая кнопка была нажата. Пишу так:
window.onload = () => {
var buttons = document.getElementsByClassName("btn");
if (buttons.length > 0) {
for (var i = 0; i < buttons.length; i++) {
buttons[i].onclick = receiver(buttons[i]);
}
}
};
function receiver(val) {
console.log("click: " + val.value);
}
почему в консоли при релоаде страницы вижу это?
|
Код:
|
click: 1
click: 2
click: 3 |
Ведь нажатий по кнопкам еще не было. Вдобавок при клике на них ничего не происходит. Что я делаю не так? Заранее спасибо.