index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<script src="1.js" defer></script>
</head>
<body>
<button id="b1">Summa</button>
</body>
</html>
1.js
//one(); // Функцию можно вызвать до ее описания.
//one(); // Функцию можно вызывать любое кол-во раз.
function one() {
alert("Hello!");
}
function two() {
return 9; // return заканчивает функцию
}
console.log(5+two()); // 14
function summa(a, b){
//return (a+b);
alert(a+b);
}
// console.log(summa(4,5));
//console.log(summa(4)); // меньшее кол-во параметров дает NaN
function summa_new(a, b){
a = a || 10;
b = b || 20; // если пользователь забудет присвоить значение b
return (a+b);
}
console.log(summa_new(4)); // 24
console.log(summa_new()); // 30
// Внутри функции можно описывать другие функции.
// Создадим кнопку, которая суммирует 2 числа.
// document.getElementById('b1').onclick = summa(15, 15); // сразу выводит alert, при нажатии на кнопку не срабатывает
// document.getElementById('b1').onclick = summa; // срабатывает при нажатии, но выводит непонятное значение в alert
// По событию можно вызвать только функцию без параметров. Нужно использовать анонимную функцию.
document.getElementById('b1').onclick = function() {
summa (12, 6);
}
// Еще способ описания функции.
var d = function() {
alert("Work!");
}
d();
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<script src="1.js" defer></script>
</head>
<body>
<button id="b1">Summa</button>
</body>
</html>
1.js
//one(); // Функцию можно вызвать до ее описания.
//one(); // Функцию можно вызывать любое кол-во раз.
function one() {
alert("Hello!");
}
function two() {
return 9; // return заканчивает функцию
}
console.log(5+two()); // 14
function summa(a, b){
//return (a+b);
alert(a+b);
}
// console.log(summa(4,5));
//console.log(summa(4)); // меньшее кол-во параметров дает NaN
function summa_new(a, b){
a = a || 10;
b = b || 20; // если пользователь забудет присвоить значение b
return (a+b);
}
console.log(summa_new(4)); // 24
console.log(summa_new()); // 30
// Внутри функции можно описывать другие функции.
// Создадим кнопку, которая суммирует 2 числа.
// document.getElementById('b1').onclick = summa(15, 15); // сразу выводит alert, при нажатии на кнопку не срабатывает
// document.getElementById('b1').onclick = summa; // срабатывает при нажатии, но выводит непонятное значение в alert
// По событию можно вызвать только функцию без параметров. Нужно использовать анонимную функцию.
document.getElementById('b1').onclick = function() {
summa (12, 6);
}
// Еще способ описания функции.
var d = function() {
alert("Work!");
}
d();
Комментариев нет:
Отправить комментарий