Запити користувачу і змінні

Розглядаються дві концепції. Одна з них використовується, коли необхідно запитати у користувача інформацію. Друга — створення змінних — постійно застосовуватиметься при роботі з 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 вони використовуються постійно. Без них не обійтися.