Ini tipnya. Sangat umum dalam JavaScript untuk menaikkan nilai angka satu demi satu sehingga ada operator steno (disebut "operator penambah") yang sering digunakan dengan loop. Gunakan pada variabel penghitung Anda dengan mengganti += 1 dengan dua simbol plus (++)
Buka filedo-while. js
Di blok do, gunakan operator kenaikan untuk menambah angka yang ditetapkan ke lawan dengan satu setiap kali putaran berjalan
biarkan penghitung = 0;
menghibur. log(`El número aleatorio es. ${getRandomNumber(200)}`)
penghitung++;
Mirip dengan menggunakan operator penugasan tambahan dan menambahkan 1 , operator kenaikan menambahkan 1 ke nilai angka saat ini yang disimpan di penghitung dan mengembalikan nilai setiap kali melalui loop. Pendekatan yang Anda gunakan terserah Anda;
JavaScript juga menyediakan operator pengurangan (--), yang mengurangi satu dari nilai bilangan bulat. Sebagai contoh
fungsi getRandomNumber(atas) {. }
menghibur. log( `Nomor acak adalah ${getRandomNumber(10)}` );
menangkal--;
Kali ini, loop menghitung mundur dari 10 ke 0, mengurangi nilai yang diberikan ke variabel penghitung satu per satu setiap kali melalui loop. Ini sama dengan penghitung -= 1
Dalam JavaScript, kita dapat menambah satu atau lebih penghitung dalam pendekatan yang berbeda, dan dalam tutorial ini, kita akan melihat beberapa pendekatan untuk melakukan ini −
- Menggunakan iterasi loop
- Menggunakan acara
- Menggunakan metode setInterval()
Penghitung Kenaikan menggunakan Loop Iteration
Penghitung dapat dengan mudah ditambah dengan menggunakan iterasi loop. Dalam JavaScript, kami memiliki banyak loop seperti loop "untuk" dan loop "sementara". Kita dapat menggunakan salah satu dari mereka untuk menaikkan nilai penghitung. Pertama, kita perlu menetapkan batas untuk variabel penghitung; . Kemudian kita perlu menyiapkan loop yang akan terus menambah penghitung
Pengguna dapat mengikuti sintaks di bawah ini untuk menambah penghitung menggunakan iterasi loop dalam JavaScript
Sintaksis
Dalam sintaks di atas, "counter" adalah variabel yang nilainya dimulai dari 0. Variabel "batas" adalah batas nilai variabel penghitung
Contoh
Dalam contoh di bawah ini, kami telah menambah satu nilai counter menggunakan iterasi loop. Untuk setiap perubahan nilai penghitung, kami mengeluarkan nilai penghitung di halaman web. Pengguna dapat menggunakan banyak penghitung dengan cara yang sama. Kami menggunakan acara klik tombol untuk memulai kenaikan nilai penghitung
Menambah Penghitung menggunakan Acara
Penghitung dapat ditambah dengan menggunakan acara HTML. Dalam JavaScript, kami memiliki banyak acara untuk menjalankan fungsi yang dapat bertanggung jawab untuk menaikkan penghitung. Kami dapat menambah banyak penghitung menggunakan acara. Kami akan menambah dua nilai penghitung dalam contoh ini menggunakan acara klik tombol
Pengguna dapat mengikuti sintaks di bawah ini untuk menambah penghitung menggunakan peristiwa di JavaScript
Sintaksis
Dalam sintaks di atas, "counter" adalah variabel counter yang nilainya dimulai dari 0. "increment" adalah fungsi yang bertanggung jawab untuk menaikkan nilai counter
Contoh
Dalam contoh di bawah ini, kami telah menambahkan beberapa nilai penghitung menggunakan peristiwa untuk setiap perubahan nilai penghitung. Kami menggunakan acara klik dua tombol untuk menaikkan nilai dua penghitung
Penghitung Kenaikan menggunakan metode setInterval()
Dalam beberapa kasus, penghitung dapat diminta untuk menambah pada interval waktu tertentu, dan dalam kasus itu, menambah penghitung menggunakan metode setInterval() bisa sangat berguna. Dalam argumen, metode setInterval mengambil fungsi dan nilai interval waktu dalam milidetik. Metode setInterval() menjalankan fungsi itu setelah interval waktu yang diberikan
Pengguna dapat mengikuti sintaks di bawah ini untuk menaikkan penghitung menggunakan metode setInterval() JavaScript
Sintaksis
Dalam sintaks di atas, "counter" adalah variabel yang nilainya dimulai dari 0. Kami meneruskan fungsi panah ke metode setInterval (), yang akan mengeksekusi setiap interval 1000 milidetik, menambah nilai penghitung
Contoh
Dalam contoh di bawah ini, kami telah menambah nilai penghitung menggunakan metode setInterval(). Untuk setiap 1000 milidetik atau 1 detik, penghitung akan bertambah
Dalam tutorial ini, kita mempelajari tiga cara untuk menambah satu atau lebih penghitung dengan JavaScript. Kami menggunakan iterasi loop, event, dan metode setInterval() untuk menaikkan counter. Pengguna dapat menggunakan salah satu cara ini untuk menambah penghitung berdasarkan kebutuhan mereka
Operator kenaikan dan penurunan dalam JavaScript masing-masing akan menambahkan satu (+1) atau mengurangi satu (-1) ke operannya, lalu mengembalikan nilai
Istilah operan digunakan secara luas dalam artikel ini. Operan adalah kuantitas di mana operasi harus dilakukan. Misalnya dalam persamaan matematika 1 + 2, baik 1 maupun 2 adalah operand, sedangkan + adalah operatornya.
Sintaksis
Pertimbangkan x_ menjadi operan
- Kenaikan — x++ atau ++x
- Pengurangan — x-- atau --x
Seperti yang Anda lihat, operator ++_/ —- dapat digunakan sebelum atau sesudah operan. Inilah yang mungkin terlihat di kode Anda
// Incrementlet a = 1;a++;
++a;// Decrement
let b = 1;
b--;
--b;
Menggunakan ++/-- Setelah Operan
Saat Anda menggunakan operator kenaikan/penurunan setelah operan, nilai akan dikembalikan sebelum operan dinaikkan/dikurangi
Lihat contoh ini
// Incrementlet a = 1;console.log(a++); // 1console.log(a); // 2// Decrementlet b = 1;console.log(b--); // 1
console.log(b); // 0_
Ketika kami pertama kali keluar nilai // Incrementlet a = 1;console.log(a++); // 1
console.log(a); // 2// Decrementlet b = 1;console.log(b--); // 1
console.log(b); // 0_0, atau // Incrementlet a = 1;console.log(a++); // 1
console.log(a); // 2// Decrementlet b = 1;console.log(b--); // 1
console.log(b); // 01, tidak ada yang berubah. Itu karena nilai asli operan dikembalikan sebelum operan diubah. Lain kali operator digunakan, kami mendapatkan hasil dari // Incrementlet a = 1;console.log(a++); // 1
console.log(a); // 2// Decrementlet b = 1;console.log(b--); // 1
console.log(b); // 02, atau // Incrementlet a = 1;console.log(a++); // 1
console.log(a); // 2// Decrementlet b = 1;console.log(b--); // 1
console.log(b); // 03
Menggunakan ++/-- Sebelum Operan
Jika Anda lebih suka membuat kenaikan/penurunan variabel sebelum kembali, Anda cukup menggunakan operator kenaikan/penurunan sebelum operan
// Incrementlet a = 1;console.log(++a); // 2console.log(a); // 2// Decrementlet b = 1;console.log(--b); // 0
console.log(b); // 0_
Seperti yang Anda lihat pada contoh di atas, tetapi menggunakan // Incrementlet a = 1;console.log(a++); // 1
console.log(a); // 2// Decrementlet b = 1;console.log(b--); // 1
console.log(b); // 04 atau // Incrementlet a = 1;console.log(a++); // 1
console.log(a); // 2// Decrementlet b = 1;console.log(b--); // 1
console.log(b); // 05 sebelum variabel kami, operasi dijalankan dan menambah/mengurangi 1 sebelum mengembalikan. Ini memungkinkan kita untuk langsung keluar dan melihat nilai yang dihasilkan
Terima kasih telah membaca, dan semoga ini bermanfaat. Jika Anda siap untuk mempelajari Pengembangan Web, lihat Panduan Utama untuk Mempelajari Pengembangan Web Full Stack dalam 6 bulan
Saya menerbitkan 4 artikel tentang pengembangan web setiap minggu. Harap pertimbangkan untuk memasukkan email Anda di sini jika Anda ingin ditambahkan ke daftar email sekali seminggu saya, atau ikuti saya di Twitter