Привет.
Не понимаю, почему коды ниже работаю по-разному. Что у первого когда, что у второго - функция-обработчик события onclick кнопок имеет одинаковое имя. Разница между первым и вторым случаями - разное количество элементов скрипт.
Вот первый код:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<button id="red">Hello!</button>
<button id="green">HelloTooo</button>
<script>
function func(){
alert('hello!');
}
document.getElementById("red").onclick=func;
function func(){
alert('Hello too!!!');
}
document.getElementById("green").onclick=func;
</script>
</body>
</html>
Вот второй код:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<button id="red">Hello!</button>
<button id="green">HelloTooo</button>
<script>
function func(){
alert('hello!');
}
document.getElementById("red").onclick=func;
</script>
<script>
function func(){
alert('Hello too!!!');
}
document.getElementById("green").addEventListener('click', func, false);
</script>
</body>
</html>
