Здравствуйте. Подскажите, пожалуйста как мне правильно выполнить следующий код. Вопрос в том, что я хочу передать ссылку в addEventListener на функцию с параметрами, ну и соотвественно, чтобы она сработала при определенном событии. Но когда я пишу круглые скобки, идет сразу же её вызов. Как мне правильно это оформить? Прилагаю пример кода:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Trigger CSS Transitions to Control Animations</title>
<style>
div#box1 {
background: #9DCEFF;
width: 400px;
height: 200px;
}
</style>
</head>
<body>
<button id="button1">Magenta</button>
<div id="box1">Content in box 1 ...</div>
<script src="main.js"></script>
</body>
</html>
function changeBG(el, clr) {
var elem = document.getElementById(el);
elem.style.transition = "background 1.0s linear 0s";
elem.style.background = clr;
}
document.getElementById("button1").addEventListener('click', changeBG("box1", "#F0F"), false);