Jquery if else приклади. Умовні оператори

. Якщо введено інше значення, виведіть зауваження та закінчіть програму:
") else ( alert("Введіть правильний тип"); exit; )
• Ініціалізуйте змінну kolvoзначенням, введеним користувачем у модальне вікно:

var kolvo=prompt("Введіть кількість пунктів");

• Для перетворення рядкового значення на числове використовуйте функцію parseInt:

for (var i=1; i<=kolvo; i++) document.write("");

• Оскільки списки закриваються відповідними тегами, в залежності від виду списку виведіть теги, що закривають:

if (listType== "1" ) document.write ("" ) else if (listType== "2" ) document.write ("" ) ;

if (listType=="1") document.write("

") else if (listType=="2") document.write("

Завдання Js 3_11.
Написати скрипт, який виводить теги input(елементи управління) різного типу, залежно від введеної цифри:

1 - текстове поле,
2 - кнопка,
3 - radio(Перемикач).

Кількість виведених тегів має також запитувати.

Згадаймо теги:

Для 1 - текстове поле: Для 2 – кнопка: Для 3 - radio:

Приклад виведення:

Завдання Js 3_12.Намалювати шахівницю 9х9, використовуючи цикли javascript for . "Малювати" дошку слід тегами html для таблиці:

Згадаймо теги:

• Для малювання 9 рядків необхідно організувати зовнішній цикл for з лічильником i.
• Для малювання 9 осередків у кожному рядку необхідно організувати внутрішній (вкладений) цикл for з лічильником j.
• Для відображення тегів осередків та рядків слід використовувати метод document.write.

Результат:

Додатково:

1. У комірки таблиці вивести таблицю множення, використовуючи лічильники циклу (i та j).
2. Перший ряд і першу колонку вивести з червоним тлом (атрибут осередку таблиці bgcolor):

   <td bgcolor = "red" >-</td >

   -

Результат:

Питання для самоконтролю:

1. Поясніть, що означає поняття «динамічна побудова сторінки»?
2. Яка конструкція мови найчастіше використовується при динамічній побудові сторінки?

Циклічні оператори мови javaScript - While

Синтаксис оператора while:

while (умова) (//..блок операторів..);

Приклад:Виводити у діалогове вікно ступеня двійки до 1000 (2, 4, 8...512). Використати метод alert()

• Лістинг скрипту:

1 2 3 4 5

var a = 1; while (a< 1000 ) { a*= 2 ; alert(a) ; }

var a = 1; while (a< 1000){ a*=2; alert(a); }

a*=2 → використано операцію складового привласнення: твір, поєднаний із привласненням, тобто. те саме, що a = a*2

• Протестуйте результат у браузері.

Як працюють оператори break і continue у циклі while?

Приклад:

var a = 1; while (a< 1000){ a*=2; if (a==64) continue; if (a==256) break; alert(a); }

Ступені двійки виводитимуться до 128 включно, причому значення 64 буде пропущено. Тобто. у діалогових вікнах ми побачимо: 2 4 8 16 32 128

Завдання Js 3_13.Які значення виведе наступний фрагмент коду?

var counter = 5; while (counter< 10) { counter++; document.write("Counter " + counter); break; document.write("Эта строка не выполнится."); }

Завдання Js 3_14.Написати код зведення ху ступінь y, використовуючи цикл while. Запитувати значення змінних та виводити результат за допомогою alert() .

Доповніть код:

var x = ...; var y = ...; counter = 1; chislo = x; while (...)( chislo=x*...; counter=...; ) alert(chislo);

A Виправте помилку в програмі, призначену для знаходження факторіалу числа:

var counter = prompt("Введіть число"); var factorial = 1; document.write("Факториал числа:" + counter + "! = "); do ( if (counter == 0) ( factorial = 1; break; ) factorial = factorial / counter; counter = counter + 1; ) while (counter > 0); document.write(factorial);

Завдання Js 3_16.Модифікувати програму для введення імені користувача:

Запитувати ім'я користувача до тих пір, поки користувач дійсно введе ім'я (тобто поле буде заповнено і не натиснута клавіша cancel). Коли ім'я введено, виводити "Привіт, ім'я!". document.

Як шукати помилки в javascript?

У деяких випадках код на сторінці не працює незрозуміло з якої причини. Де шукати помилки? У таких випадках можна застосувати оператор try..catch.

Оператор try..catch намагається виконати фрагмент коду, і, якщо у коді є помилка, існує можливість видати помилку на екран.
Помилка зберігається в об'єкті e.message.

Розглянемо роботу оператора з прикладу:

Приклад:написати у програмі оператор із помилкою. Перевіряти наявність помилки в передбачуваному помилковому коді: якщо помилка в коді є - видавати повідомлення "обробка помилки: назва помилки". Після перевірки помилкового оператора, незалежно від того, чи є в коді помилка, видавати повідомлення "завершальні дії"

• Як повідомлення з помилкою використовуватимемо метод prompt() , написаний з помилкою - promt(). Повідомлення з помилкою укласти в блок try:

alert("до"); try ( promt("введіть число"); // оператор з помилкою)

Try з англ. - "намагатися", таким чином, ставимо оператор try перед фрагментом коду, який, можливо, містить помилку (у разі помилка дійсно є).

• Повідомлення з повідомленням про помилку слід розмістити до блоку catch:

6 7 8 9

catch (e) (alert( "обробка помилки:"+ e.message); )

catch(e) ( alert("обробка помилки: "+e.message); )

Якщо помилка дійсно є, то оператор catch (з англ. "Ловити") зберігає цю помилку в об'єкті e. Надалі її можна вивести у діалогове вікно-e.message.

• Завершальне повідомлення, яке необхідно виводити незалежно від того, чи є в коді помилка, помістіть блок finally:

finally ( alert ( " завершальні дії " ); ) alert ( " після " );

Якщо помилка все ж таки є, то інтерпретатор після її виведення в нашому прикладі перейде на виконання блоку catch, а потім finally (з англійського "завершення", "нарешті"), який виконається завжди, незалежно від того, чи була помилка чи ні. Навіть якщо виникла помилка в блоці catch.

Важливо:Блок finally у конструкції необов'язковий.

Завдання Js 3_17.Виконайте приклад, описаний вище, з наступними модифікаціями:

Резюме:

На уроці були розглянуті наступні оператори мови javascript та конструкції:

Javascript умовні оператори:

Оператори циклу:

Підсумкове завдання Js 3_18.
Створити гру для двох:

1. Програма просить першого гравця ввести число від 1 до 100 (другий гравець не бачить введене число). Потім другого гравця просить вгадати введене число. У відповідь виводиться повідомлення «мало»або «багато»залежно від введеної відповіді. Якщо гравець вгадує, – виводиться вітання. Якщо не вгадує - гра продовжується (до тих пір, коли число дійсно буде вгадано).
2. Прораховувати кількість спроб та видавати результат, коли число розгадано.

Питання для самоконтролю:

1. У яких випадках доцільно використовувати цикл For In? Назвіть приклад його використання.
2. Яке призначення оператор try..catch?
3. Поясніть призначення кожного блоку оператора try..catch.

Керуючі інструкції- це інструкції, що дозволяють керувати виконанням програмного коду. Зазвичай код, що виконується в керуючій інструкції називають тілом цієї інструкції.

Керуючі інструкції можуть бути вкладеними, а також використовуватися всередині інших керуючих інструкцій.

Умовні інструкції

За умовчанням інтерпретатор JavaScript виконує інструкції одну за одною в порядку їхнього слідування у вихідному коді. У тих випадках, коли виконання або невиконання деяких інструкцій повинно залежати від виконання або невиконання певних умов, використовуються умовні інструкції.

Інструкція if

Інструкція if має дві форми. Синтаксис першої форми:

Вираз у круглих дужках називається умовою виконанняінструкції if або коротко умовою. Спочатку обчислюється значення виразу. Отримане значення, якщо необхідно, неявно перетворюється на булевого типу. Якщо результат обчислення виразу є значення true , то інструкція виконується. Якщо вираз повертає false, то інструкція не виконується:

If (true) alert("Виконено!"); if (false) alert("Не виконається!");

Синтаксис if дозволяє виконати тільки одну інструкцію, проте якщо потрібно виконати більше однієї інструкції, потрібно використовувати складову інструкцію :

If (true) ( ​​var str = "Hello!"; alert(str); )

Синтаксис другої форми:

If (вираз) інструкція; else інструкція;

Ключове слово else дозволяє додати інструкцію, яка виконується в тому випадку, якщо умова має хибне значення:

If (false) alert("Не виконається"); else alert("Виконається");

Як було зазначено, управляючі інструкції може бути вкладеними, що дозволяє створювати такі конструкції:

Var num = 2; if (num == 1) ( alert("значення num: " + num); ) else if (num == 2) ( alert("значення num: " + num); ) else ( alert("Не знаю такого числа !"); )

У цьому коді немає нічого особливого. Це просто послідовність інструкцій, де кожна інструкція if є частиною else попередньої інструкції if . Така форма запису на перший погляд може здатися не зовсім зрозумілою, тому розглянемо синтаксично еквівалентну форму, що показує вкладеність інструкцій if:

Var num = 2; if (num == 1) ( alert("значення num: " + num); ) else ( if (num == 2) ( alert("значення num: " + num); ) else ( alert("Не знаю такого числа!"); ) )

Умовні оператори

Умовні оператори дозволяють пропустити або виконати інші оператори, залежно від значення зазначеного виразу. Ці оператори є точками прийняття рішень у програмі, і іноді їх також називають операторами «розгалуження».

Якщо уявити, що програма - це дорога, а інтерпретатор JavaScript - мандрівник, що йде по ній, то умовні оператори можна уявити як перехрестя, де програмний код розгалужується на дві або дорожчі, і на таких перехрестях інтерпретатор повинен вибирати, якою дорогою рухатися далі .

Оператор if/else

Оператор if - це базовий оператор, що дозволяє інтерпретатору JavaScript приймати рішення або, точніше, виконувати оператори в залежності від умов. Оператор if має дві форми. Перша:

if (вираз) оператор

У цій формі спочатку обчислюється вираз. Якщо отриманий результат є істинним, оператор виконується. Якщо вираз повертає помилкове значення, оператор не виконується. Наприклад:

If (username == null) // Якщо змінна username дорівнює null або undefined username = "Alex"; // Визначити її

Зауважте, що дужки навколо умовного виразу є обов'язковою частиною синтаксису оператора if.

Друга форма оператора if вводить конструкцію else, що виконується в тих випадках, коли вираз повертає хибне значення. Її синтаксис:

if (вираз) оператор1 else оператор2

Ця форма виконує оператор1, якщо вираз повертає справжнє значення, і оператор2, якщо вираз повертає хибне значення. Наприклад:

If (n == 1) console.log("Отримано 1 нове повідомлення."); else console.log("Отримано" + n + "нових повідомлень.");

Оператор else if

Оператор if/else обчислює значення виразу та виконує той чи інший фрагмент програмного коду, залежно від результату. Але що якщо потрібно виконати один із багатьох фрагментів? Можливий спосіб зробити це полягає у застосуванні оператора else if. Формально він не є самостійним оператором JavaScript; це лише поширений стиль програмування, що полягає у застосуванні повторюваного оператора if/else:

If (n == 1) ( // Виконати блок 1 ) else if (n == 2) ( // Виконати блок 2 ) else if (n == 3) ( // Виконати блок 3 ) else ( // Якщо не один із попередніх операторів else не був виконаний, виконати блок 4 )

У цьому вся фрагменті немає нічого особливого. Це просто послідовність операторів if де кожен оператор if є частиною конструкції else попереднього оператора.

Оператор switch

Оператор if створює розгалуження у потоці виконання програми, а багатопозиційне розгалуження можна реалізувати за допомогою кількох операторів else if. Однак це не завжди найкраще рішення, особливо якщо всі гілки залежать від значення одного і того ж виразу. У цьому випадку марнотратно повторно обчислювати значення одного і того ж виразу в декількох операторах if.

Оператор switch призначений саме для таких ситуацій. За ключовим словом switch слід вираз у дужках і блок коду у фігурних дужках:

switch (вираз) (інструкції)

Однак повний синтаксис оператора switch складніший, ніж показано тут. Різні місця в блоці позначені ключовим словом case, За яким слідує вираз і символ двокрапки.

Коли виконується оператор switch, він обчислює значення виразу, а потім шукає позначку case, що відповідає цьому значенню (відповідність визначається за допомогою оператора ідентичності ===). Якщо мітку знайдено, виконується блок коду, починаючи з першої інструкції, що слідує за міткою case. Якщо мітка case з відповідним значенням не знайдена, виконання починається з першої інструкції, яка слідує за спеціальною міткою default:. Якщо мітка default: відсутня, блок оператора switch пропускається повністю.

Роботу оператора switch складно пояснити словами, набагато зрозуміліше виглядає пояснення з прикладу. Наступний оператор switch еквівалентний повторюваним операторам if/else, показаним у попередньому прикладі:

Switch(n) ( case 1: // Виконується, якщо n === 1 // Виконати блок 1 break; // Тут зупинитися case 2: // Виконується, якщо n === 2 // Виконати блок 2 break; / / Тут зупинитися case 3: // Виконується, якщо n === 3 // Виконати блок 3 break; // Тут зупинитися default: // Якщо все інше не підходить... // Виконати блок 4 break; // Тут зупинитися )

Зверніть увагу на ключове слово breakнаприкінці кожного блоку вистачить. Оператор break призводить до передачі управління в кінець оператора switch і продовження виконання операторів, що наведені далі. Конструкції case в операторі switch задають тільки початкову точку програмного коду, що виконується, але не задають жодних кінцевих точок.

У разі відсутності операторів break оператор switch почне виконання блоку коду з позначкою case, що відповідає значенню виразу, і продовжить виконання операторів, доки не дійде до кінця блоку. В окремих випадках це корисно для написання програмного коду, який переходить від однієї мітки case до наступної, але в 99% випадків слід акуратно завершувати кожен блок case оператором break. (При використанні switch всередині функції замість break можна використовувати оператор return. Обидва ці оператори служать для завершення роботи оператора switch і запобігання переходу до наступної мітки case.)

Нижче наводиться більш практичний приклад використання оператора switch, він перетворює значення в рядок способом, що залежить від типу значення:

Function convert(x) ( switch(typeof x) ( // Перетворити число на шістнадцяткове ціле case "number": return x.toString(16); // Повернути рядок, укладений у лапки case "string": return """ + x + """; // Будь-який інший тип перетворюється звичайним способом default: return x.toString(); ) ) console.log(convert(1067)); // Результат "42b"

Зверніть увагу, що у двох попередніх прикладах за ключовими словами case слідували числа або рядкові літерали. Саме так оператор switch найчастіше використовується на практиці, але стандарт ECMAScript дозволяє вказувати після case довільні вирази.

Оператор switch спочатку обчислює вираз після ключового слова switch, а потім виразу case у тому порядку, в якому вони вказані, доки не буде знайдено відповідне значення. Факт збігу визначається з допомогою оператора ідентичності ===, а чи не з допомогою оператора рівності ==, тому висловлювання мають збігатися без будь-якого перетворення типів.

Оскільки при кожному виконанні оператора switch обчислюються не всі висловлювання case, слід уникати використання виразів case, що мають побічні ефекти, такі як виклики функцій та привласнення. Найбезпечніше обмежуватися у виразах case константними виразами.

Як пояснювалося раніше, якщо жодне з виразів case не відповідає виразу switch, оператор switch починає виконання оператора з позначкою default:. Якщо позначка default: відсутня, тіло оператора switch повністю пропускається. Зверніть увагу, що в попередніх прикладах позначка default: вказана в кінці тіла оператора switch після всіх позначок case. Це логічне та звичайне місце для неї, але насправді вона може розташовуватись у будь-якому місці всередині оператора switch.