Dialog Box

3 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€92.84
List Price:  €129.99
You save:  €37.14
£79.72
List Price:  £111.61
You save:  £31.89
CA$136.78
List Price:  CA$191.51
You save:  CA$54.72
A$151.39
List Price:  A$211.96
You save:  A$60.56
S$135.31
List Price:  S$189.45
You save:  S$54.13
HK$782
List Price:  HK$1,094.84
You save:  HK$312.83
CHF 90.72
List Price:  CHF 127.01
You save:  CHF 36.29
NOK kr1,086.02
List Price:  NOK kr1,520.47
You save:  NOK kr434.45
DKK kr692.51
List Price:  DKK kr969.54
You save:  DKK kr277.03
NZ$166.43
List Price:  NZ$233.01
You save:  NZ$66.57
د.إ367.25
List Price:  د.إ514.16
You save:  د.إ146.91
৳10,970.69
List Price:  ৳15,359.41
You save:  ৳4,388.71
₹8,349.28
List Price:  ₹11,689.33
You save:  ₹3,340.04
RM473.75
List Price:  RM663.27
You save:  RM189.52
₦123,487.65
List Price:  ₦172,887.65
You save:  ₦49,400
₨27,810.05
List Price:  ₨38,935.18
You save:  ₨11,125.13
฿3,685.75
List Price:  ฿5,160.20
You save:  ฿1,474.45
₺3,226.13
List Price:  ₺4,516.71
You save:  ₺1,290.58
B$507.56
List Price:  B$710.61
You save:  B$203.04
R1,844.45
List Price:  R2,582.31
You save:  R737.85
Лв181.73
List Price:  Лв254.43
You save:  Лв72.69
₩135,953.36
List Price:  ₩190,340.14
You save:  ₩54,386.78
₪371.93
List Price:  ₪520.72
You save:  ₪148.78
₱5,723.27
List Price:  ₱8,012.81
You save:  ₱2,289.54
¥15,446.23
List Price:  ¥21,625.34
You save:  ¥6,179.11
MX$1,686.59
List Price:  MX$2,361.30
You save:  MX$674.70
QR364.61
List Price:  QR510.47
You save:  QR145.86
P1,357.27
List Price:  P1,900.24
You save:  P542.96
KSh13,298.67
List Price:  KSh18,618.67
You save:  KSh5,320
E£4,771.52
List Price:  E£6,680.32
You save:  E£1,908.80
ብር5,739.13
List Price:  ብር8,035.01
You save:  ብር2,295.88
Kz83,660.29
List Price:  Kz117,127.76
You save:  Kz33,467.46
CLP$92,979.70
List Price:  CLP$130,175.30
You save:  CLP$37,195.60
CN¥708.73
List Price:  CN¥992.25
You save:  CN¥283.52
RD$5,799
List Price:  RD$8,118.84
You save:  RD$2,319.83
DA13,435.05
List Price:  DA18,809.61
You save:  DA5,374.56
FJ$224.49
List Price:  FJ$314.30
You save:  FJ$89.80
Q776.98
List Price:  Q1,087.80
You save:  Q310.82
GY$20,913.53
List Price:  GY$29,279.78
You save:  GY$8,366.25
ISK kr13,955.60
List Price:  ISK kr19,538.40
You save:  ISK kr5,582.80
DH1,002.03
List Price:  DH1,402.88
You save:  DH400.85
L1,771.31
List Price:  L2,479.90
You save:  L708.59
ден5,723.76
List Price:  ден8,013.49
You save:  ден2,289.73
MOP$804.66
List Price:  MOP$1,126.56
You save:  MOP$321.89
N$1,841.06
List Price:  N$2,577.56
You save:  N$736.50
C$3,679.48
List Price:  C$5,151.42
You save:  C$1,471.93
रु13,360.08
List Price:  रु18,704.65
You save:  रु5,344.56
S/372.58
List Price:  S/521.63
You save:  S/149.04
K386.69
List Price:  K541.38
You save:  K154.69
SAR375.01
List Price:  SAR525.03
You save:  SAR150.02
ZK2,716.50
List Price:  ZK3,803.21
You save:  ZK1,086.71
L462.07
List Price:  L646.92
You save:  L184.84
Kč2,322.93
List Price:  Kč3,252.20
You save:  Kč929.26
Ft36,116.11
List Price:  Ft50,564.01
You save:  Ft14,447.89
SEK kr1,084.61
List Price:  SEK kr1,518.51
You save:  SEK kr433.89
ARS$88,016.60
List Price:  ARS$123,226.76
You save:  ARS$35,210.16
Bs690.78
List Price:  Bs967.13
You save:  Bs276.34
COP$390,579.97
List Price:  COP$546,827.59
You save:  COP$156,247.61
₡51,141.53
List Price:  ₡71,600.19
You save:  ₡20,458.65
L2,469.47
List Price:  L3,457.36
You save:  L987.88
₲747,500.10
List Price:  ₲1,046,530.05
You save:  ₲299,029.94
$U3,819.50
List Price:  $U5,347.45
You save:  $U1,527.95
zł400.65
List Price:  zł560.93
You save:  zł160.27
Already have an account? Log In

Transcript

Hello, in this JavaScript video, I am going to show you what I'm going to show you dialog boxes. So there are three different dialog boxes. There's an alert, dialog box confirmation and a prompt dialog box. In a separate video I covered the prompt one, you're likely to get some input from the user and we just saw needed that earlier on tala Allah, ignore that one. And I'll just focus on the alert and confirmation. So this is quickly, you know, add some element.

I'm just gonna say, click me, click me. And so on click, I'm gonna say hello, click function for Hello. Okay, so a regular alert, you just put the keyword alert and go call some text in here what you want to do you there you can say Stop clicking me. Save that refresh. Click it if they stop clicking me, and he says we can, you know, click OK. And we can't do any, you know, anything out on the page at all till we've dealt with that alert. That's fantastic.

If you know the users done something, yeah, it might be right or wrong, but you just want to get the focus, prevent them from doing anything else, and make sure that they are aware of some new information. The next type of alert and all duplicate this math. I'll call this and this is a speller. I'll rename it just to alert and I'll actually rename this as well to be fair Confirm okay so the confirmation dialog box is slightly different and when you do it is confirmed and you say that man load obviously the original one still works and it up and do anything but looks like this one. This actually gives me a choice. So if you again you know 100% on the paid till I've dealt with this dialog box and it's saying no by manual Yes And so the question and you say yes or no or you're okay or cancel.

Okay my thinking how do we actually get the result of that it's actually really simple when this is initiated, this will return some sort of result. If we do vol and say value equals this Let's console dot log value. let's reload, click confirm, click Cancel. Go to the console. It says false. Let me show you again separately confirm okay or confirm.

Okay, so true, confirm, cancel, we get false. And honestly that's it. What I want you to do as a extra task is do some sort of conditional statement, check in the value of is true or false. And as a result, you don't do something. Instead, it just prints a true or false printout saying, well, you all Batman, you know, come to our party or no, you're not Batman, you know, go home, something along those lines. Thanks for watching.

If you have any questions, feel free to drop me a message and as usual, I look forward seeing you in the next video.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.