- •Принцип гіпертекстової розмітки тексту
- •Групи тегів у html
- •Лабораторні роботи Лабораторна робота № 1 Проста html-сторінка
- •Лабораторна робота № 2 Html-списки, малюнки, html-таблиці
- •Лабораторна робота № 3 Створення нових вікон, фреймів
- •Лаборатора робота № 4 Каскадні таблиці стилю
- •Лабораторна робота № 5 Основи JavaScript
- •Лабораторна робота №6 Використання функцій в JavaScript
- •Лабораторна робота № 7 Створення годинника засобами Java Script
- •Лабораторна робота № 8 Події в Java Script
- •Лабораторна робота № 9 Умовні вирази, оператори присвоювання та порівняння, логічні операції, коментар у Java Script
- •Лабораторна робота № 10 Оператори циклу в Java Script
- •Лабораторна робота № 11 Створення динамічних інтерфейсів засобами Java Script
- •Лабораторна робота № 12 Робота з базами даних засобами Java Script
- •Список літератури
Лабораторна робота № 10 Оператори циклу в Java Script
Теоретичні відомості
Поширене використання операторів циклу при програмуванні web сторінок зумовлено не тільки програмуванням математичних алгоритмів, але й роботами з базами даних, створення інтерактивних динамічних інтерфейсів тощо. Оператори циклу в Java Script є трьох типів: For, while, do while. За своєю функціональністю вони перекликаються в відповідними функціями мови с/с++ формат оператору for є наступним:
for(ініціалізація; умова; інкремент)
у даному випадку “ініціалізація” – представляє собою набір команд ініціалізації певних змінних (якщо змінна зустрічається у відповідній функції вперше має бути визначений її тип), що розподілені між собою комами.
“умова” – сукупність логічних виразів відокремлених комами одна від іншої
“інкремент” – сукупність команд розділених комами, що виконуються після кожної ітерації циклу. На початку виконання оператору циклу відбуваються операції “ініціалізації”, після чого перевіряється “умова” і якщо її значення набуває значення true виконуються всі команди тіла циклу. Після виконання всіх операцій, відбуваються команди ”інкремент” після чого перевіряється “умова” і знову виконується тіло циклу. У більшості випадках оператор циклу for використовується при визначеній кількості оператора циклу. Приклад представлений нижче демонструє розрахунок чисел від 1 до 1000 з використанням оператора for:
var sum=0;
for(var i=1;i<=1000;i++)
sum+=i;
За умови коли тіло циклу має виконуватись доки справедлива деяка умова використовується оператор циклу while. Формат запису оператора while є таким:
while(умова){…}
На початку виконання оператору циклу перевіряється “умова”, якщо вона дорівнює false цикл не виконається. Якщо ж ”умова” приймає значення true тіло цикла виконується, після чого знову перевіряється умова, і так доти, доки “умова” не стане рівною false. Однією з особливостей функції while є те, що виконання її тіла може не відбутися. Коли ж критерій за яким потрібно перервати виконання циклу відбувається безпосередньо в його тілі може бути використаний оператор циклу do while. Його конструкція є такою:
do
{…}
while(умова)
На початку виконання оператора циклу do while, спочатку, виконується тіло циклу, а вже потім перевіряється умова. Тобто тіло циклу хоча би раз але відбудеться.
Завдання: Розробити html сторінку яка б організовувала розрахунок суми ряду заданого формулою згідно варіанту:
№ п/п |
Варіант завдання |
№ п/п |
Варіант завдання |
1 |
|
15 |
|
2 |
|
16 |
|
3 |
|
17 |
|
4 |
|
18 |
|
5 |
|
19 |
|
6 |
|
20 |
|
7 |
|
21 |
|
8 |
|
22 |
|
9 |
|
23 |
|
10 |
|
24 |
|
11 |
|
25 |
|
12 |
|
26 |
|
13 |
|
27 |
|
14 |
|
28 |
|
Приклад:
<html>
<head>
<script>
function fun()
{
var a, b, sum=0.0, i=0.0, cur=0.0;
a = parseInt(main_form.t_a.value);
b = parseInt(main_form.t_b.value);
var to4nost = 0.001;
do
{
i++;
var factorial = 1;
for(var j=1;j<=i;j++)
factorial*=j;
cur = (2*a*i*i+i/b)/(factorial*factorial);
sum+=cur;
}while(cur>to4nost)
main_form.t_c.value = "" + sum;
}
</script>
</head>
<body>
<form id = "main_form">
a<input type="text" id = "t_a" value="10"><br>
b<input type="text" id = "t_b" value="-2"><br>
Результат<input type="text" id = "t_c" value=""><br>
<input type = "button" onClick = "fun();" value = "Розрахувати">
</form>
</body>
</html>
Результати виконання: