2015-09-06
583
Розглядаються дві концепції. Одна з них використовується, коли необхідно запитати у користувача інформацію. Друга — створення змінних — постійно застосовуватиметься при роботі з JavaScript.
Ось що ми збираємося зробити: Ми просимо користувача ввести ім'я, і з цим ім'ям буде пов'язана змінна. Коли змінна буде привласнена, ми зможемо ввести її в рядок document.write, яка виведе ім'я користувача на сторінці.
Розглянемо сценарій
<SCRIPT type="text/javascript">
/* Цей сценарій призначений для здобуття інформації від користувача і виведення її на сторінці */
var user_name = prompt ("Введіть своє ім'я в поле нижче","Тут");
document.write("Привіт " + user_name + "! Ласкаво просимо на мою сторінку!");
</SCRIPT>
Створення змінної
Змінні мають первинне значення в JavaScript. Необхідно знати, як їх створювати. Двома словами: для виведення функції JavaScript задається ім'я, що складається з одного слова. Пригадайте, як ми поміщали дату на сторінку за допомогою методу getDate()? У рядку document.write ми написали метод getDate() повністю. Зробити це один раз було не так вже важко. Але що, якщо потрібно було б написати це десять разів на одній і тій же сторінці? Тому ми задаємо змінну, яка повинна представляти остаточний результат методу. Візьмемо, наприклад, змінну d. Тоді потрібно буде лише один раз написати getDate() і призначити результату методу змінну d. І впродовж всього сценарію, що залишився, просто писатимемо d там, де потрібно поставити дату.
|
|
|
Ось рядок із скрипта, який задає змінну:
var user_name = prompt ("Введіть своє ім'я в поле нижче","Тут")
Змінна була створена за наступною схемою.
· var (від variable, змінна) оголошує, що наступним словом буде ім'я змінної.
· user_name (имя_пользователя) — ім'я змінної. Довільне. Воно не обов'язково має бути таким довгим. Можна було б використовувати за бажання просто N. Але зручніше називати змінні так, щоб легко було пригадати, про що йде мова.
· Пам'ятаєте, що регістр має значення для JavaScript, отже, якщо змінна позначена Dog, то буква D кожного разу має бути заголовною, інакше браузер порахує їх за два різні слова.
· Тут немає жодних лапок, просто ставте одне слово за іншим, як показано вище.
· Знак рівності = вказує на те, що змінна дорівнюватиме результату наступної команди.
· В даному випадку змінна представлятиме результат, отриманий за допомогою вікна запиту
Команда Prompt
У даному прикладі використовується нова команда prompt (запит). Цей метод виводить вікно з повідомленням і полем введення. Ось формат запиту:
var variable_name = prompt("Текст вікна","Текст в полі введення")
Можна бачити, що var і привласнюване ім'я змінної включені у формат. Інакше вийшов би запит, але нічого не можна було б зробити з даними, які вводить користувач.
|
|
|
На всяк випадок...
· Аби рядок введення залишався порожнім, нічого не пишіть між другою парою лапок.
· Якщо не вказати в дужках другої пари лапок, в рядку введення з'явиться слово "undefined".
· Якщо в рядку введення щось написане і користувач вибере ОК, нічого не міняючи, то як вивід на сторінці з'явиться те, що написане в рядку введення.
· Якщо в рядку введення нічого не немає і користувач вибере OK, нічого не вводячи, то на сторінці з'явиться слово null.
Тепер, знаючи всі складові блоки, повернемося знову до сценарію:
var user_name = prompt ("Введіть своє ім'я в поле нижче","Тут");
document.write("Привіт " + user_name + "!Ласкаво просимо на мою сторінку!");
Ось весь процес.
· Ім'я змінної user_name привласнене результату запиту.
· prompt просить користувача написати своє ім'я в полі введення.
· У полі введення записано: "Тут."
· Крапка з комою в кінці рядка.
· document.write викликає текст "Привіт ".
· Знак плюс + вказує, що всі елементи йдуть один за одним.
· user_name містить результат запиту. Жодних лапок — нам на сторінці потрібний результат запиту, а не ці слова.
· Ще плюс.
· "!Ласкаво просимо на мою сторінку!" завершує текст.
· Крапка з комою.
Будь ласка, постарайтеся добре зрозуміти концепцію змінних. У JavaScript вони використовуються постійно. Без них не обійтися.
