js_ovn_func.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Func_example</title>
</head>
<body>
<button id = "addition">Click me to +</button>
<button id = "subtraction">Click me to -</button>
<button id = "multiplication">Click me to /</button>
<button id = "division">Click me to *</button>
<div id="result"></div>
<script src="js_ovn_func.js"></script>
</body>
</html>
js_ovn_func.js
var a = 4;
var b = 7;
function countResult(a, b, operation) {
if (operation == "+") {
document.getElementById("result").innerHTML = a + b;
} else if (operation == "-") {
document.getElementById("result").innerHTML = a - b;
} else if (operation == "*") {
document.getElementById("result").innerHTML = a * b;
} else {
document.getElementById("result").innerHTML = a / b;
}
}
document.getElementById("addition").addEventListener("click", countResult(5, 5, "+"));
document.getElementById("subtraction").addEventListener("click", countResult(10, 10, "-"));
document.getElementById("addition").addEventListener("click", countResult(5, 5, "*"));
document.getElementById("addition").addEventListener("click", countResult(5, 5, "/"));
Здравствуйте! Почему код выполняется не при клике, а впринцыпе при загрузке? После полной загрузки страницы, функция выполняется для каждой кнопки
countResult(5, 5, "+")
запускает функцию и возвращает значениеundefined
, в итоге получаетсяaddEventListener("click", undefined)
и в итоге это ничего не делает кроме однократного вызова функции