Video: Metro App Tutorial | Fundamental of Metro App Using Javascript, HTML5, CSS Part 1 2024
Game HTML5 Anda pasti membutuhkan sebuah loop untuk beberapa saat. Standar untuk loop menghitung nilai antara 1 dan 10. Tombol Count to Ten memicu fungsi count (). Inilah kode untuk menghitung ():
function count () {output. inner endpoint = "; untuk (i = 1; i <= 10; i ++) {output. innerHTML + = i +"";} // akhir untuk loop} // end count
Meskipun count () fungsi dengan jelas mencetak sepuluh baris, hanya ada satu baris yang memodifikasi div output. Kode utama berkali-kali berulang untuk menghasilkan output yang panjang.
-
Anda dapat menggunakan output var segera.
Karena output adalah variabel global dan sudah dibuat, Anda dapat menggunakannya secara instan. Tidak perlu menginisialisasi fungsinya.
-
Hapus outputnya
Set output. Nilai ke kosong string (") untuk menghapus hasilnya, ini menghancurkan teks apa pun yang ada di div.
-
Mulai untuk loop.
Lingkaran untuk loop adalah loop khusus yang digunakan untuk mengulang sesuatu beberapa kali. tiga komponen: inisialisasi, perbandingan, dan update.
-
Inisialisasi variabel penghitungan Anda
A untuk loop bekerja dengan mengubah nilai bilangan bulat berkali-kali. Bagian pertama dari a untuk loop menginisialisasi variabel ini (oft en disebut i) ke nilai awal (biasanya nol atau satu).
-
Tentukan kondisi untuk tetap berada dalam lingkaran.
Bagian kedua dari sebuah pernyataan adalah sebuah kondisi. Selama kondisinya benar, loop terus berlanjut. Begitu kondisi dievaluasi sebagai false, loop keluar.
-
Ubah variabelnya.
Bagian ketiga dari sebuah pernyataan entah bagaimana mengubah variabel penghitungan. Cara yang paling umum untuk mengubah variabel adalah menambahkannya ke dalamnya. Sintaks i ++ adalah singkatan dari "Add one to i. "
-
Buat blok kode untuk kode berulang.
Gunakan kawat gigi dan indentasi untuk menunjukkan kode yang berulang. Semua kode di dalam kawat gigi berulang.
-
Di dalam lingkaran, tulis ke output.
Pada setiap iterasi loop, tambahkan nilai i saat ini ke innerHTML output div. Juga tambahkan break () untuk membuat output terlihat lebih baik. Bila Anda menambahkan ke properti innerHTML, Anda menulis kode HTML, jadi jika Anda menginginkan keluaran terjadi pada baris yang berbeda, Anda perlu menulis HTML untuk mewujudkannya.
-
Tutup lingkarannya.
Jangan lupa untuk mengakhiri loop, atau program anda tidak akan berjalan dengan baik.