1
00:00:02,100 --> 00:00:04,160
Jadi mari kita mulai menyelesaikan tugas ini.

2
00:00:04,290 --> 00:00:09,720
Mari kita mulai dengan membuat bidang input dengan pendengar perubahan dan mengeluarkan teks di bawah

3
00:00:09,720 --> 00:00:10,840
bidang input.

4
00:00:10,920 --> 00:00:17,700
Saya akan melakukannya dan benar-benar segera setelah pada contoh sebelumnya saya akan meninggalkan pendahuluan penugasan di sini

5
00:00:18,450 --> 00:00:24,990
semua menambahkan elemen garis horizontal menutup diri karena semua elemen X Jael harus berada di.

6
00:00:25,150 --> 00:00:27,600
James X jika Anda tidak memasukkan apa pun di antaranya.

7
00:00:27,930 --> 00:00:33,160
Dan sekarang ada pada elemen input tipe teks begitu saja.

8
00:00:33,320 --> 00:00:34,740
Semua itu menutup diri.

9
00:00:34,740 --> 00:00:36,670
Sekarang ini saja tidak banyak membantu.

10
00:00:36,670 --> 00:00:40,830
Kami tentu saja membutuhkan penangan perubahan dan menjalankan beberapa metode di sana.

11
00:00:40,830 --> 00:00:50,030
Jadi mari kita tambahkan metode ke nama komponen aplikasi kita yang input handler berubah dan lagi gunakan sintaks saya di sini di

12
00:00:50,030 --> 00:00:53,610
mana saya menetapkan fungsi panah ke properti ini.

13
00:00:53,640 --> 00:00:59,580
Di sana saya akan mendapatkan objek acara ini diteruskan ke dalamnya secara otomatis dan kemudian saya ingin menyimpan ini

14
00:00:59,580 --> 00:01:00,210
dalam keadaan.

15
00:01:00,240 --> 00:01:05,560
Jadi saya mengatur negara sebagai properti dan di sana saya hanya akan menambahkan negara bernama input pengguna.

16
00:01:05,640 --> 00:01:07,100
Nama itu sepenuhnya terserah Anda.

17
00:01:07,230 --> 00:01:09,120
Ini akan menjadi string kosong pada awalnya.

18
00:01:09,240 --> 00:01:12,520
Dan di sini di input berubah handler saya ingin memperbaruinya.

19
00:01:12,520 --> 00:01:21,140
Kami telah menetapkan status semua input pengguna sama dengan nilai target akhir sehingga untuk apa pun yang dimasukkan pengguna.

20
00:01:21,690 --> 00:01:28,370
Dan saya sekarang juga akan membuat dua cara mengikat dengan yang tidak hanya terdaftar ini sebagai penangan

21
00:01:28,410 --> 00:01:39,120
di sini input berubah penangan tetapi juga menetapkan nilai yang sama dengan input negara pengguna ini untuk selalu mencerminkan nilai terbaru dalam input dan saya akan

22
00:01:39,420 --> 00:01:43,080
membaginya beberapa baris untuk membuatnya lebih mudah dibaca.

23
00:01:43,350 --> 00:01:44,880
Sejauh ini tidak ada yang istimewa.

24
00:01:44,880 --> 00:01:49,860
Mari kita cepat memeriksa apakah itu berfungsi. Mari kita juga berharap banyak untuk melihat apakah Anda punya kesalahan.

25
00:01:49,860 --> 00:01:51,510
Dan biarkan saya MASUKKAN sesuatu di sini.

26
00:01:51,540 --> 00:01:57,780
Ini berfungsi kita belum selesai meskipun kita harus semua output teks di bawah input.

27
00:01:57,780 --> 00:02:03,500
Jadi saya akan menambahkan paragraf di bawah elemen input saya di sana-sini.

28
00:02:03,580 --> 00:02:08,790
Saya akan menaruh beberapa konten dinamis input pengguna negara ini dengan jelas.

29
00:02:09,180 --> 00:02:10,680
Biarkan saya menyimpan ini juga.

30
00:02:11,010 --> 00:02:12,640
Dan sekarang mari kita coba ini lagi.

31
00:02:12,780 --> 00:02:13,850
Terlihat cukup bagus.

32
00:02:13,950 --> 00:02:17,570
Saya bisa melihat apa pun yang saya masukkan di sini di bawah input.

33
00:02:17,760 --> 00:02:24,210
Maka langkah selanjutnya sekarang adalah membuat komponen baru yang menerima panjang teks bukan hanya

34
00:02:24,210 --> 00:02:26,180
panjang teks sebagai penyangga.

35
00:02:26,490 --> 00:02:29,330
Dan ini hanya komponen validasi nama.

36
00:02:29,640 --> 00:02:32,840
Jadi saya akan melakukan ini saya akan membuat folder baru untuk itu.

37
00:02:32,850 --> 00:02:41,400
Komponen validasi dan tambahkan komponen Dacian atau javascript jatuh di sana.

38
00:02:41,420 --> 00:02:49,950
Sekarang saya sebutkan di video masalah mati Anda tidak perlu menyatakan di sini sehingga tidak perlu menggunakan

39
00:02:49,950 --> 00:02:52,510
kelas dan memperluas komponen.

40
00:02:52,650 --> 00:03:00,310
Kita bisa menggunakan fungsi lagi validasi nama di sini dan saya akan menambahkan beberapa simpai.

41
00:03:00,360 --> 00:03:08,250
Saya ingin mengubah nama meskipun validasi bukan komponen validasi Gaya jaringan yang tidak kami gunakan di

42
00:03:08,250 --> 00:03:09,220
sini.

43
00:03:09,360 --> 00:03:12,430
Jadi validasi saja adalah nama komponen tanpa komponen.

44
00:03:12,660 --> 00:03:18,240
Masih menjalankan konstanta di sini di mana saya menetapkan itu sebagai 6 fungsi.

45
00:03:18,550 --> 00:03:20,930
Dan tentu saja kami akan menerima beberapa alat peraga di sini.

46
00:03:20,940 --> 00:03:28,050
Saya sudah tahu bahwa kemudian saya akan mengimpor tindakan kembali dari reaksi karena kita perlu melakukannya.

47
00:03:28,050 --> 00:03:29,270
Tidak akan melupakan ini.

48
00:03:29,280 --> 00:03:37,260
Anda akan mendapatkan kesalahan tentang cara dan saya akan mengekspor ini sebagai ekspor default saya di file ini.

49
00:03:37,260 --> 00:03:42,690
Sekarang yang tersisa dalam fungsi ini adalah saya harus mengembalikan beberapa JS X solver karena itu

50
00:03:43,260 --> 00:03:49,420
bukan komponen yang valid dan karena itu sekarang akan mengembalikan paragraf di mana saya akan mengatakan teks terlalu pendek.

51
00:03:49,440 --> 00:03:52,630
Tentu saja itu tidak bersyarat sama sekali sekarang.

52
00:03:52,830 --> 00:03:56,620
Mungkin sudah membungkus ini di dalam div di sini.

53
00:03:56,940 --> 00:03:59,280
Jadi mari kita sesuaikan itu.

54
00:03:59,430 --> 00:04:01,740
Maka dengan itu kita mengatur komponen ini.

55
00:04:01,890 --> 00:04:09,120
Sekarang mari kita mengimpor file Baptist js dengan menambahkan port di bagian atas tempat

56
00:04:09,120 --> 00:04:19,600
saya mengimpor validasi dengan validasi D modal dari folder validasi dan file dot js validasi D mereka tanpa ekstensi

57
00:04:19,600 --> 00:04:21,780
file dalam impor.

58
00:04:22,310 --> 00:04:27,080
Sekarang saya dapat menggunakannya di sini di bawah masukan saya di bawah paragraf.

59
00:04:27,070 --> 00:04:31,810
Mungkin saya akan menambahkan validasi sebagai tag penutup sendiri.

60
00:04:31,930 --> 00:04:37,800
Sekarang saya juga harus mengirimkan panjang teks sebagai prompt.

61
00:04:37,810 --> 00:04:41,890
Jadi di sini saya hanya akan menambahkan prop dan saya akan beri nama panjang input.

62
00:04:41,890 --> 00:04:43,440
Nama terserah Anda.

63
00:04:43,810 --> 00:04:48,190
Saya akan menambahkannya seperti apa adanya dan cukup melewati kondisi ini.

64
00:04:48,190 --> 00:04:54,460
Panjang input pengguna karena itu adalah string, itu adalah array, oleh karena itu saya bisa mendapatkan panjang

65
00:04:55,420 --> 00:04:57,980
input dan validasi titik jatuh Jr.

66
00:04:58,000 --> 00:04:59,370
Saya kemudian bisa menggunakannya.

67
00:04:59,620 --> 00:05:07,120
Sekarang itu akan menjadi bagian dari tugas pertama saya harus menampilkan teks menjadi pendek atau teks cukup lama.

68
00:05:07,120 --> 00:05:11,000
Padding pada panjang teks dan Anda dapat memilih warna apa pun jika Anda mau.

69
00:05:11,110 --> 00:05:15,910
Saya akan menggunakan 5 karena saya hanya di sini tapi itu benar-benar opsional.

70
00:05:15,910 --> 00:05:18,350
Jadi di sana saya akan menambahkan paragraf kedua.

71
00:05:19,330 --> 00:05:21,080
Teks saya sudah terlalu pendek.

72
00:05:21,100 --> 00:05:28,550
Satu teks buruk cukup panjang yang hilang dan saya hanya ingin menampilkan satu dari dua.

73
00:05:28,560 --> 00:05:31,370
Sekarang ada beberapa cara Anda bisa melakukan ini.

74
00:05:31,410 --> 00:05:37,830
Cara pertama adalah dengan menggunakan ekspresi ternary seperti yang saya tunjukkan di modul sebelumnya atau di modul

75
00:05:37,830 --> 00:05:39,810
ini sebenarnya di kuliah sebelumnya.

76
00:05:39,810 --> 00:05:48,620
Jadi di sini kita dapat mengatakan jika mungkin panjang input akan ada panjang input Propp karena itulah yang saya sampaikan

77
00:05:48,620 --> 00:05:49,740
di sini.

78
00:05:49,740 --> 00:05:54,980
Panjang input dan ini akan menjadi panjang tebak apa input saya.

79
00:05:54,980 --> 00:06:05,420
Jadi jika itu katakanlah lebih besar dari lima maka saya ingin menampilkan teks cukup lama jika tidak.

80
00:06:06,490 --> 00:06:09,550
Saya ingin menampilkan teks terlalu pendek.

81
00:06:09,590 --> 00:06:12,530
Ini harus bekerja dengan ini mengubah setiap ekspresi.

82
00:06:12,550 --> 00:06:15,330
Pastikan Anda menyimpan semua file dan kembali.

83
00:06:15,340 --> 00:06:17,070
Kita semua melihat teks terlalu pendek.

84
00:06:17,130 --> 00:06:19,270
Sekarang izinkan saya mulai mengetik.

85
00:06:19,270 --> 00:06:22,320
Kami melihat Maxse juta.

86
00:06:22,360 --> 00:06:27,790
Karakter selanjutnya harus berganti teks cukup lama dan jangan pernah menghapus karakter itu kembali ke

87
00:06:27,790 --> 00:06:29,200
teks terlalu pendek.

88
00:06:29,230 --> 00:06:35,340
Ini berfungsi dengan baik, tetapi apa yang saya katakan tentang ekspresi ternary.

89
00:06:35,350 --> 00:06:36,730
Gunakan dengan hati-hati.

90
00:06:36,910 --> 00:06:40,330
Sekarang sebenarnya di sini akan sangat baik untuk menggunakannya.

91
00:06:40,330 --> 00:06:43,410
Ini sederhana untuk memahami blok GSX.

92
00:06:43,660 --> 00:06:45,950
Masih mari kita gunakan pendekatan adonan.

93
00:06:46,240 --> 00:06:55,000
Mari kita buat variabel baru yang akan menamai pesan validasi di mana a secara default akan mengatakan teks cukup

94
00:06:55,000 --> 00:06:55,850
lama.

95
00:06:55,900 --> 00:07:02,830
Namun saya kemudian akan memeriksa apakah panjang input prop lebih kecil atau sama dengan 5.

96
00:07:02,920 --> 00:07:05,730
Jadi saya hanya membiarkan melakukan sebaliknya.

97
00:07:06,160 --> 00:07:10,630
Kemudian saya akan mengatakan pesan validasi ke teks menjadi pendek.

98
00:07:10,720 --> 00:07:18,640
Dan tentu saja saya tidak bisa hanya menetapkan teks untuk itu saya bisa menetapkan seluruh paragraf GSX keduanya

99
00:07:18,640 --> 00:07:20,450
benar-benar berfungsi di sini.

100
00:07:20,560 --> 00:07:28,660
Saya akan pergi dengan teks untuk mencampurnya sehingga di sana saya kemudian akan menambahkan paragraf saya dan di dalam paragraf.

101
00:07:28,660 --> 00:07:35,560
Saya hanya akan menampilkan pesan validasi dan ini adalah teks yang cukup panjang atau teks terlalu pendek.

102
00:07:35,860 --> 00:07:41,370
Dan lagi paragraf bisa menjadi bagian dari variabel juga.

103
00:07:41,380 --> 00:07:47,970
Sekarang katakanlah jika perubahan ini kita harus mendapatkan perilaku yang sama dan kita lakukan.

104
00:07:48,200 --> 00:07:51,910
Namun kali ini di sini kita lakukan.

105
00:07:51,970 --> 00:07:58,040
Tetapi cara yang lebih elegan dengan menyimpannya dalam variabel yang terpisah sehingga membuatnya sedikit lebih mudah untuk

106
00:07:58,040 --> 00:08:00,020
dibaca dan dipahami dan dipelihara.

107
00:08:00,020 --> 00:08:01,100
Jadi ini solusi mereka.

108
00:08:01,100 --> 00:08:05,500
Saya rekomendasikan secara opsional Sekali lagi tidak menggunakan teks di sini.

109
00:08:05,580 --> 00:08:08,350
Buat elemen Agellius X dengan paragraf sebagai gantinya.

110
00:08:08,630 --> 00:08:14,670
Tetapi ini jelas merupakan solusi yang bagus untuk tugas-tugas yang gratis.

111
00:08:14,670 --> 00:08:20,700
Sekarang mari kita lanjutkan dan mari kita buat komponen lain komponen char dan stylesheet sebagai kotak

112
00:08:20,700 --> 00:08:24,360
inline dengan misalnya gaya yang saya sarankan di sini.

113
00:08:24,480 --> 00:08:32,300
Jadi buat folder baru di folder sumber char dan kemudian ada file jenius char bertitik seperti sebelumnya.

114
00:08:32,400 --> 00:08:39,330
Ini tidak perlu memiliki status sehingga kita cukup membuat komponen fungsional yang Anda buat

115
00:08:39,330 --> 00:08:40,340
sebagai fungsi.

116
00:08:40,560 --> 00:08:45,650
Jadi char ada di fungsi enam panah seperti yang kita lakukan berkali-kali sebelumnya.

117
00:08:45,930 --> 00:08:53,940
Kami pasti perlu mengimpor untuk bereaksi seperti biasa karena jazz X hanya bereaksi membuat elemen jangan pernah lupa

118
00:08:53,940 --> 00:08:59,320
dapatkan ini dan kemudian ekspor char sebagai default di file ini.

119
00:09:00,440 --> 00:09:07,610
Sekarang di sana saya sekarang harus mengembalikan beberapa JSE X dan saya benar-benar akan mengembalikan elemen div yang membungkus semuanya.

120
00:09:07,610 --> 00:09:10,100
Sekarang untuk penataannya kita punya dua pilihan.

121
00:09:10,130 --> 00:09:12,430
Kita dapat mengatur file C S S.

122
00:09:12,430 --> 00:09:13,570
Impor itu.

123
00:09:13,580 --> 00:09:16,350
Tentukan kelas di sana dan tetapkan di sini.

124
00:09:16,700 --> 00:09:19,010
Atau tentukan inline Stahl's.

125
00:09:19,160 --> 00:09:22,560
Saya akan memilih gaya inline di sini, tetapi sepenuhnya terserah Anda.

126
00:09:22,700 --> 00:09:25,040
Jadi izinkan saya menyebutkan gaya konstan ini.

127
00:09:25,040 --> 00:09:27,240
Tapi namanya tidak masalah.

128
00:09:27,350 --> 00:09:35,430
Dan sekarang biarkan saya mengatur apa yang saya definisikan di sini jadi saya akan mengatur tampilan ke blok inline.

129
00:09:35,540 --> 00:09:43,990
Saya akan mengatur padding ke 16 piksel dan saya akan mengatur margin ke 6 dan piksel.

130
00:09:44,000 --> 00:09:48,980
Saya akan menetapkan batas 1 piksel solid dan hitam.

131
00:09:49,040 --> 00:09:50,420
Apa lagi yang saya miliki di sini.

132
00:09:52,190 --> 00:10:00,280
Perataan teks ke tengah mungkin untuk memusatkan segalanya dengan baik sehingga perataan teks ke pusat.

133
00:10:00,380 --> 00:10:06,230
Ini mungkin bahkan tidak lebih rapi untuk jujur dan itu akan berfungsi seperti ini harus menjadi unta karena

134
00:10:06,230 --> 00:10:07,880
kita berada di javascript.

135
00:10:07,880 --> 00:10:12,360
Sekarang saya dapat menetapkan ini di sini secara dinamis dengan tanda kutip tunggal.

136
00:10:12,410 --> 00:10:15,790
Jadi sekarang mengacu pada style konstan itu.

137
00:10:15,980 --> 00:10:16,730
Sekarang kita dapatkan.

138
00:10:16,740 --> 00:10:23,220
Apakah komponen menyiapkannya dan kami juga dapat mengimpor file India di mana saya ingin menggunakannya.

139
00:10:23,250 --> 00:10:30,740
Jadi impor Chaar dari slash char dan file anti char chase mereka tanpa ekstensi file.

140
00:10:31,040 --> 00:10:32,930
Tapi tentu saja kami belum menggunakannya.

141
00:10:33,410 --> 00:10:35,010
Kami ingin menggunakannya di sini.

142
00:10:35,060 --> 00:10:37,640
Kami mendapat peringatan bahwa kami sebenarnya tidak menggunakannya.

143
00:10:37,850 --> 00:10:41,750
Kami ingin menggunakannya di sini untuk membuat daftar untuk setiap karakter dalam teks.

144
00:10:41,750 --> 00:10:43,230
Seorang pengguna dimasukkan.

145
00:10:43,500 --> 00:10:50,120
Jadi mari kita lakukan itu saya akan membuat daftar ini di bawah validasi di sini.

146
00:10:50,540 --> 00:10:52,800
Dan sekarang saya bisa menggunakan peta ini.

147
00:10:52,820 --> 00:10:54,750
Meffert di sini.

148
00:10:54,950 --> 00:11:03,080
Tetapi untuk alasan yang sama saya merestrukturisasi validasi dan menarik logika di luar J ketika X blok

149
00:11:03,130 --> 00:11:04,100
saya kembali.

150
00:11:04,340 --> 00:11:05,630
Saya akan melakukannya di sini.

151
00:11:05,690 --> 00:11:10,850
Di sini saya hanya ingin membuat variabel yang saya siapkan sebelum melakukan pernyataan pengembalian.

152
00:11:11,210 --> 00:11:13,890
Jadi di sana saya hanya akan bernama variabel.

153
00:11:13,900 --> 00:11:19,450
Daftar char misalnya dan daftar char hanya bisa berupa konstanta.

154
00:11:19,460 --> 00:11:21,170
Saya tidak akan pernah mengubahnya.

155
00:11:21,230 --> 00:11:29,930
Chairlifts harus menjangkau negara saya ke input pengguna dan sekarang memanggil peta untuk memetakan kembali setiap elemen dalam

156
00:11:29,930 --> 00:11:32,050
keinginan menjadi elemen baru.

157
00:11:32,360 --> 00:11:37,060
Sekarang desiré tentu saja hanya beberapa teks tetapi pada dasarnya adalah serangkaian string.

158
00:11:37,520 --> 00:11:46,210
Jadi di sini saya akan mendapatkan char tunggal saya dan Anda tentu saja dapat juga dinamai char apa pun yang Anda inginkan dan saya

159
00:11:46,210 --> 00:11:48,550
ingin mengembalikan j sebagai representasi x.

160
00:11:48,610 --> 00:11:56,920
Jadi saya akan mengembalikan komponen char saya dan saya akan menetapkan karakter dan nama ini juga terserah Anda.

161
00:11:56,960 --> 00:12:01,650
Menyangga dan lulus karakter yang saya dapatkan di sini

162
00:12:01,650 --> 00:12:05,360
Dan lagi ini bisa dinamai char apa pun yang kamu suka ke dalamnya.

163
00:12:05,360 --> 00:12:11,190
Jadi tidak perlu mengharapkan komponen karakter properti Susie ini di dalam komponen char saya.

164
00:12:11,420 --> 00:12:20,780
Jadi di sana saya akan menerima alat peraga dan sekarang saya hanya akan menampilkan karakter alat peraga di dalam pernyataan kembali di sana

165
00:12:20,780 --> 00:12:26,770
dan kemudian menangkap ya saya cukup membuat daftar saya dengan Tidak dapat bekerja desiré.

166
00:12:26,780 --> 00:12:30,220
Perlu diingat peta tidak menyentuh array asli.

167
00:12:30,380 --> 00:12:37,820
Ini hanya memberi Anda array baru yang disimpan dalam daftar char dan Anda array komponen char.

168
00:12:37,820 --> 00:12:43,910
Sekarang mari kita ambil daftar Jarre konstan dan ini adalah apa yang ingin saya output antara

169
00:12:44,210 --> 00:12:48,050
kawat gigi Cauley tunggal di sana di bawah pesan validasi.

170
00:12:48,050 --> 00:12:50,290
Pastikan semua file disimpan.

171
00:12:50,290 --> 00:12:52,160
Sekarang di sini kita menghadapi masalah mati.

172
00:12:52,160 --> 00:13:00,950
Kami tidak dapat menggunakan peta kata yang string pada dasarnya atau jenis javascript array tetapi tidak benar-benar mengubahnya

173
00:13:00,950 --> 00:13:02,600
menjadi javascript array.

174
00:13:02,600 --> 00:13:11,140
Yang harus saya lakukan adalah panggilan split di atasnya pada input pengguna dan meneruskan string kosong sebagai argumen.

175
00:13:11,150 --> 00:13:15,880
Ini pada dasarnya akan membaginya menjadi array string setelah setiap karakter.

176
00:13:16,100 --> 00:13:18,920
Jadi sekarang ini akan berfungsi jika saya mengikuti tes di sini.

177
00:13:18,980 --> 00:13:22,100
Anda dapat melihat saya mendapatkan tes di sana.

178
00:13:22,100 --> 00:13:25,030
Sekarang yang akan Anda lihat adalah saya mendapatkan kesalahan kunci ini.

179
00:13:25,340 --> 00:13:26,950
Jadi untuk memperbaikinya.

180
00:13:26,960 --> 00:13:33,770
Tentu saja kita harus menetapkan kunci dan di sini masalahnya dengan kunci itu agak rumit karena ID

181
00:13:33,800 --> 00:13:37,070
unik yang tidak kita miliki dalam contoh kita.

182
00:13:37,160 --> 00:13:41,030
Jadi apa yang akan saya lakukan ada di sini di bagan.

183
00:13:41,300 --> 00:13:46,060
Saya memang akan menggunakan indeks meskipun ini tidak optimal.

184
00:13:46,070 --> 00:13:47,720
Lebih baik daripada tidak ada kunci.

185
00:13:47,810 --> 00:13:49,770
Tapi bukan solusi terbaik.

186
00:13:49,880 --> 00:13:51,440
Tapi di sini saya tidak mendapat kesempatan lain.

187
00:13:51,560 --> 00:13:58,820
Jadi mari kita gunakan argumen kedua dari fungsi di dalam peta Meffert indeks dengan itu jika kita sekarang

188
00:13:58,820 --> 00:14:00,200
memuat ulang halaman.

189
00:14:00,200 --> 00:14:02,780
Ini berfungsi tanpa kesalahan.

190
00:14:02,780 --> 00:14:04,070
Sekarang kita hampir selesai.

191
00:14:04,070 --> 00:14:09,500
Sekarang kami ingin memastikan bahwa jika saya mengklik salah satu kotak ini, kami menghapus karakter itu.

192
00:14:09,560 --> 00:14:16,610
Sekarang untuk itu saya akan menambahkan metode baru di pelapor aplikasi saya atau beri nama.

193
00:14:17,030 --> 00:14:27,440
Hapus char handler dan kemudian saya pada dasarnya berharap untuk mendapatkan indeks dari karakter yang ingin saya hapus dan saya ingin menjalankan ini

194
00:14:27,530 --> 00:14:33,110
dengan jelas setiap kali saya mengklik salah satu kotak karakter ini.

195
00:14:33,310 --> 00:14:40,040
Jadi mari kita balikkan ini di beberapa baris dan kemudian meneruskan sebuah properti yang akan saya

196
00:14:40,040 --> 00:14:48,470
namai kumpulkan di mana saya kemudian ingin mengeksekusi tidak menghapus char handler melewati indeks sekalipun dan oleh karena itu jalankan

197
00:14:48,620 --> 00:14:53,510
ini sebagai fungsi E6 anonim menggunakan sintaks alternatif ini lewat referensi.

198
00:14:53,510 --> 00:14:59,720
Ingatlah bahwa fungsi anonim ini pada dasarnya diteruskan untuk diklik dan tidak segera dieksekusi.

199
00:14:59,720 --> 00:15:02,250
Ini akan menjadi masalah jika saya memiliki lebih banyak kurung di akhir.

200
00:15:02,420 --> 00:15:08,780
Tapi di sini kita hanya melewati referensi dan kemudian disfungsi akan dieksekusi ketika properti klik diaktifkan

201
00:15:08,990 --> 00:15:11,920
dan kemudian kita panggil delete handler char.

202
00:15:12,230 --> 00:15:20,570
Jadi mari kita lanjutkan untuk mengumpulkan properti ke char dan ada di diff atau di handler klik dan hanya

203
00:15:20,690 --> 00:15:28,100
meneruskan referensi ke props kumpulkan sehingga ini akan dieksekusi dan karenanya fungsi ini di sini akan

204
00:15:28,100 --> 00:15:28,910
dieksekusi.

205
00:15:28,910 --> 00:15:32,840
Jika saya mengklik kotak dan kemudian kita akan mendapatkan indeks ini.

206
00:15:32,990 --> 00:15:37,460
Sekarang di dalam hapus char handler saya mendapatkan indeks ini.

207
00:15:37,460 --> 00:15:43,010
Saya sekarang ingin memperbarui input pengguna yang seperti yang Anda pelajari hanya jenis string javascript.

208
00:15:43,280 --> 00:15:45,850
Jadi yang akan saya lakukan di sini adalah.

209
00:15:46,070 --> 00:15:51,940
Pertama-tama saya akan mendapatkan teks saya dengan menjangkau negara ini.

210
00:15:51,950 --> 00:15:56,960
Input pengguna dan pembelahan split pada string kosong seperti yang kami lakukan sebelumnya.

211
00:15:57,020 --> 00:15:58,400
Sebelum pemetaan.

212
00:15:58,670 --> 00:16:06,380
Sekarang saya mendapat array karakter dan di sana saya sekarang ingin menghapus satu dengan sambungan pada posisi indeks dan

213
00:16:06,500 --> 00:16:08,210
kemudian hanya satu karakter.

214
00:16:08,210 --> 00:16:10,550
Jadi ini menghapusnya dari array.

215
00:16:11,000 --> 00:16:16,490
Dan sekarang saya ingin membuat pembaruan saya sebagai teks di mana saya hanya menggunakan teks.

216
00:16:16,490 --> 00:16:18,020
Ini adalah array karakter.

217
00:16:18,020 --> 00:16:26,180
Ingatlah hal itu yang sekarang saya gabungkan lagi dengan karakter kosong sehingga pada dasarnya tidak ada apa-apa selain kata-kata.

218
00:16:26,180 --> 00:16:33,860
Array karakter saya menjadi teks menjadi string lagi dan kemudian saya bisa memanggil negara set ini dan di

219
00:16:33,860 --> 00:16:38,710
sana saya dapat mengatur input pengguna sama dengan teks yang diperbarui.

220
00:16:38,720 --> 00:16:40,620
Ini sebenarnya harus dilakukan.

221
00:16:40,710 --> 00:16:46,970
Descaler harus mengambil teks saya diperbarui dan DUDAS untuk karakter apa pun yang saya klik.

222
00:16:46,970 --> 00:16:51,230
Biarkan saya menyimpan ini dan biarkan saya memasukkan teks tes di sini.

223
00:16:51,410 --> 00:16:52,140
Biarkan saya di.

224
00:16:52,630 --> 00:16:59,070
Klik tahun ini dihapus dan juga dihapus dari input dan untuk teks output

225
00:16:59,070 --> 00:17:08,170
di sini dan kemudian jika saya menghapus banyak konten dari sana sebenarnya validasi juga datang terlalu pendek lagi sehingga semuanya

226
00:17:08,170 --> 00:17:08,740
dinamis.

227
00:17:08,740 --> 00:17:14,760
Semuanya berfungsi di sini sebagaimana mestinya dengan rendering bersyarat dan dengan daftar keluaran.