alert,promt,confirm

                                Өз ара мамилеси: alert, promt, confirm

Биз браузерди демо чөйрө катары колдоно тургандыктан, анын интерфейсинин бир нече өзгөчөлүктөрү менен таанышып чыгышыбыз керек, тактап айтканда,  alert, prompt, confirm.

                                  alert

Биз бул өзгөчөлүк менен мурунтан эле таанышпыз. Ал билдирүүнү көрсөтөт жана колдонуучу OK баскычын басышын күтөт.

Мисалы:

@A@alert("Салам");@A@

Бул кичинекей билдирүү кутучасы модалдык терезе деп аталат. Модал түшүнүгү колдонуучу барактын калган бөлүгүнүн интерфейси менен иштеше албайт, башка баскычтарды басуу ж.б. ал терезе менен өз ара аракеттенсе эле. Бул учурда, OK баскычы басылганга чейин.

                                  promt

promt функция эки аргумент алат:

@A@result = (promt, [title,default]);@A@

Бул код текст, текст киргизүү талаасы жана OK/Жокко чыгаруу баскычтары менен модалдык терезени көрсөтөт.

аталышы

Терезеде көрсөтүлө турган текст.

демейки

Терезедеги текст кутучасынын баштапкы маанисин койгон кошумча экинчи параметр.

Синтаксистеги чарчы кашаалар [...]

Жогорудагы синтаксисте демейки боюнча төрт бурчтуу кашаалар параметр милдеттүү эмес экенин билдирет.

Колдонуучу киргизүү талаасына бир нерсе жазып, OK баскычын чыкылдата алат. Киргизилген текст жыйынтык өзгөрмөсүнө дайындалат. Колдонуучу "Жокко чыгаруу" баскычын басуу же Esc баскычын басуу менен жазууну жокко чыгара алат. Бул учурда, натыйжа нөл болот.

Чакыруу чакыруусу киргизүү талаасында көрсөтүлгөн текстти кайтарат, же колдонуучу киргизүү жокко чыгарылган болсо, нөлгө барабар.Мисалы:

@A@let age = prompt('Сиз канча жаштасыз?', 100);

alert(`Сиз ${age} жаштасыз!`); // Сиз 100 жаштасыз!@A@

IE үчүн: ар дайым демейкиге коюлат

Экинчи параметр милдеттүү эмес, бирок аны көрсөтпөсөңүз, анда Internet Explorer киргизүү талаасына "аныкталбаган" сапты киргизет.

Кодду Internet Explorerде иштетиңиз жана натыйжаны көрүңүз:

@A@let test = prompt("Тест");

IEде ыкчам көрсөтүү үчүн, ар дайым экинчи параметрди көрсөтүү сунушталат:

let test = prompt("Тест", ''); // <-- IE үчүн@A@

ырастоо

Синтаксис:

натыйжа = ырастоо (суроо);

Ырастоо функциясы суроонун тексти суроосу жана эки баскычы бар модалдык терезени көрсөтөт: OK жана Cancel.

OK баскычы басылса, натыйжа чын болот. Башка учурларда, жалган.

Мисалы:

@A@let isBoss = confirm("Сиз бул жерде башчысызбы?");

alert(isBoss); // эгер OK басылса true@A@

Бардыгы

Колдонуучунун өз ара аракеттенүүсү үчүн биз серепчинин 3 өзгөчөлүгүн карап чыктык:

эскертүү

билдирүү көрсөтөт.

тез

билдирүүнү көрсөтөт жана колдонуучудан текст киргизүүнү сунуштайт. Киргизүү талаасында терилген текстти кайтарат, ал эми баскычтоптон Жокко чыгаруу же Esc басылган болсо, нөлдү кайтарат.

ырастоо

билдирүүнү көрсөтөт жана колдонуучу OK же Жокко чыгарууну чыкылдатуусун күтөт. Эгер OK басылса "чындык" деп кайтарат, ал эми баскычтоптон "Жокко чыгаруу" же Esc басылса "жалган" деп кайтарат.

Бул ыкмалардын баары модалдык: алар скрипттин аткарылышын токтотуп, терезе жабылмайынча колдонуучунун барактын калган бөлүгү менен иштешүүсүнө жол бербейт.

Бул ыкмалардын бардыгы эки чектөөгө дуушар болот:

Терезелердин жайгашкан жери браузер тарабынан аныкталат. Адатта, терезелер борбордо жайгашкан.Терезелердин визуалдык көрүнүшү браузерден көз каранды жана биз алардын көрүнүшүн өзгөртө албайбыз.

Жөнөкөйлүктүн баасы ушундай. Колдонуучунун өз ара аракеттешүүсү үчүн жакшыраак функционалдык мүмкүнчүлүктөрү бар жакшыраак терезелерди көрсөтүүнүн башка жолдору бар, бирок "коңгуроо жана ышкырык" маанилүү болбосо, бул ыкмалар жакшы иштейт.

Tasks

жөнөкөй бет

маанилүүлүгү: 4

Колдонуучунун атын сураган жана аны көрсөткөн баракты түзүңүз.

Демо иштетүү

чечим

JavaScript коду:

let name = prompt("Сенин атың ким?", "");

alert (name);

 

Бүтүндөй бет:

@A@

<!DOCTYPE html>

<html>

<body>

  <script>

    'use strict';

    let name = prompt("Сенин атың ким?", "");

    alert (name);

  </script>

</body>

</html>

@A@